Bookmarks

書籤列

tech

LGD.HuaFEEng

Web框架

框架整理集

$js框架、库集合

docschina

[印记中文](docschina.org)
印记中文 - 深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!
印记中文 - 深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!
印记中文 - 深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!
docschina/home - Gitter
Slack

前端框架/组件库/插件大合集

前端组件库大合集-必备收藏 - 海沙 - CSDN博客
前端组件、插件汇总 - 听闻青春丶 - CSDN博客
前端组件库大合集-必备收藏 - 轩枫阁 – 前端开发 | web前端技术博客
前端组件库集合 - 卖女孩的小男孩 - CSDN博客
前端常用插件汇总 - cc蒲公英的博客 - CSDN博客
iamjoel/front-end-plugins: :whale2: Web 前端常用插件
30组常用前端开发组件库,前端组件收集整理列表 - qq_21729177的博客 - CSDN博客
前端组件库大合集-必备收藏 - weixin_36944932的博客 - CSDN博客
前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先) - 断弦泉月 - CSDN博客
JavaScript - 随笔分类 - 梦想天空(山边小溪) - 博客园
前端UI框架小汇总 - PC.aaron - 博客园
有哪些目前流行的前端框架? - 知乎
国外优秀Web前端UI库大全
15 个 JavaScript Web UI 库-大前端
前端组件库大合集-必备收藏 - web_liu - 博客园
19年你应该关注这50款前端热门工具(上) - 掘金
19年你应该关注这50款前端热门工具(中) - 掘金
19年你应该关注这50款前端热门工具(下) - 掘金
前端常用插件、工具类库汇总,不要重复造轮子啦!!! - 掘金

JavascriptOO
12个实用的 JavaScript 框架分享给前端开发者 - 梦想天空(山边小溪) - 博客园
可以作为你的候选的12个很赞的移动开发框架 - 梦想天空(山边小溪) - 博客园
推荐15个很优秀的跨平台的移动开发工具 - 梦想天空(山边小溪) - 博客园
12个新潮的 HTML5 & CSS3 网站设计欣赏 - 梦想天空(山边小溪) - 博客园
学习响应式设计的15个优秀网页作品 - 梦想天空(山边小溪) - 博客园
20款 JavaScript 开发框架推荐给前端开发者 - 梦想天空(山边小溪) - 博客园
12款简化 Web 开发的 JavaScript 开发框架 - 梦想天空(山边小溪) - 博客园
20个令人称赞的以办公环境为背景的网站作品 - 梦想天空(山边小溪) - 博客园
2017年最新20个轻量的 JavaScript 库和插件 - 梦想天空(山边小溪) - 博客园
20款高质量的 HTML5 网站模板【免费下载】 - 梦想天空(山边小溪) - 博客园
15款值得开发者一试的最新的前端框架 - 梦想天空(山边小溪) - 博客园
12款界面精美的 HTML5 & CSS3 网站模板 - 梦想天空(山边小溪) - 博客园
什么是Web框架 - 前端 - 掘金
前端高效开发框架技术(疫情会不会大暴发 听听钟南山怎么说)

$单页网站创建工具

单页网站不是梦,几款国外的单页网站创建工具 - 梦想天空(山边小溪) - 博客园

$前后端分离

pkwenda/new-bee: 开源社区 vue + springBoot - 前后分离微服务的最佳实践
实现前后端分离的心得 - 文章 - 伯乐在线
new-bee 社区
为什么要前后端分离?各有什么优缺点? - forever的博客 - CSDN博客
前后端分离的优缺点 - moonpure的专栏 - CSDN博客

$前端项目模板、应用模板

fe-boilerplates

wxyyxc1992/fe-boilerplates: Lucid & Futuristic Production Boilerplates For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 多技术栈前端项目模板
某熊的主页
fe-boilerplates/micro-frontend/react-ts-webpack at master · wxyyxc1992/fe-boilerplates
Developer-Zero-To-Mastery/TechRoad/2018 at master · wxyyxc1992/Developer-Zero-To-Mastery
wxyyxc1992/Backend-Boilerplates: Boilerplate for Your Server Side(Backend) Application, Java | Spring(Boot, Cloud) | Node.js | Go | Python | DevOps 💫 服务端项目模板

基于 React & TypeScript & Webpack 的微前端应用模板 - 掘金

$食品类移动应用程序

垂涎欲滴!30个美味的食品类移动应用程序【上篇】 - 梦想天空(山边小溪) - 博客园
垂涎欲滴!30个美味的食品类移动应用程序【下篇】 - 梦想天空(山边小溪) - 博客园

$架构

¥前端微服务化

¥插拔式架构/single-spa

my-single-spa

YataoZhang/my-single-spa: 微前端框架简易实现,方便不了解微前端实现原理的同学快速掌握其原理
带你手写微前端框架 · Issue #4 · YataoZhang/my-single-spa

qiankun

umijs/qiankun: 📦🚀Blazing fast, simple and completed solution for micro frontends.

umi-plugin-qiankun

umijs/umi-plugin-qiankun: Umi plugin for qiankun.

vue-cli-plugin-qiankun

F-loat/vue-cli-plugin-qiankun: 🚀 通过一行命令快速为你的 Vue 项目接入微前端框架 Qiankun

single-spa

CanopyTax/single-spa: Microfrontends made easy
single-spa
Getting Started with single-spa
前端插拔式 SPA 应用架构实现方案 - 掘金

single-spa-vue

CanopyTax/single-spa-vue: a single-spa plugin for vue.js applications
QxQstar/single-spa-vue: 微前端框架single-spa 整合vue项目

vue-single-spa

vue-single-spa: 基于vuejs的微前端demo项目。内含 vuejs,react,angular 三个子项目
Single-Spa + Vue Cli 微前端落地指南 (项目隔离远程加载,自动引入) - 掘金

vue-spa

bstavroulakis/vue-spa: The Vue.js SPA we create together at Pluralsight's "Single Page Applications with Vue.js"

插拔式前端的设计 · 前端工程化指南 · 看云
前端微服务整合之‘‘插拔式架构’‘实现方案
前端微服务整合之‘‘插拔式架构’‘实现方案_vue,react,app_LucioCN-CSDN博客
如何解构单体前端应用——前端应用的微服务式拆分_phodal-CSDN博客

piral

smapiot/piral: Framework for next generation web apps using microfrontends.
基于 React 的微前端:Piral 简析

phodal/microfrontends: Micro-frontend Architecture in Action-微前端的那些事儿
Thinking in Microfrontend (微前端的那些事儿) | microfrontends
micro-frontend · GitHub Topics
microservices-architecture · GitHub Topics
micro-frontends · GitHub Topics
microfrontends · GitHub Topics
micro-services · GitHub Topics
microfrontend · GitHub Topics
关于微前端你必须了解的三种实现方式 - 掘金
技术雷达之「微前端」- 将微服务理念扩展到前端开发 | 《前端的逆袭》知乎专栏 - 掘金
从0实现一个前端微服务(上) - 掘金
从0实现一个single-spa的前端微服务(中) - 掘金
实施前端微服务化的六七种方式_Phodal's zenthink-CSDN博客

¥前端工程化

前端工程化 · 前端工程化指南 · 看云
前端工程化(1):VSCode中编写Vue代码的最佳姿势 - 掘金
前端工程化(2):快速搭建基于angular团队代码提交规范的工作流 - 掘金
前端工程化(3):在项目中优雅的设计基于Axios的请求方案 - 掘金
MVVM分层下的前端工程化开发 - 掘金
前端工程化: 脚手架+物料库快速生成新项目 - 掘金

各大互联网公司架构演进之路汇总
一套比较完整的前端技术选型,需要规整哪些东西,你知道不? - 掘金

结构型

$automan

xiaozhimn/automan: Automan一站式前端开发框架
ue2 web前端架构解决方案

$angularjs & angular

angularJS & angualar core

¥core

Angular
Angular
AngularJS: Developer Guide: Migrating from 1.0 to 1.2
一套框架,多种平台 - Angular
AngularJS — Superheroic JavaScript MVW Framework
ng-book 2: The Complete Book on Angular 2
Angular 2 - [ 前端知识库 ]
Angular中文社区 | Angular中文社区
Angular中文社区 | Angular中文社区
Angular中文社区 | Angular中文社区
AngularJS 教程 | 菜鸟教程
Quickstart - ts - QUICKSTART
https://code.angularjs.org

anjular引用库&插件

如何在Angular2中使用jQuery及其插件的方法_AngularJS_脚本之家
javascript - Angularjs 在写后台管理系统如何优雅的使用jQuery插件 - SegmentFault 思否
如何在AngularJs中调用第三方插件库 - CSDN博客
angular第三方包开发整理(小结)_AngularJS_脚本之家
Angular5中调用第三方js插件的方法_AngularJS_脚本之家
Angular如何引入第三方库的方法详解_AngularJS_脚本之家
如何在AngularJs中调用第三方插件库_AngularJS_脚本之家
在angularjs路由中单个页面独立添加js文件及在angularjs中使用jquery插件 - pf12345
如何在AngularJS中使用插件 - ISWR的专栏 - SegmentFault 思否
给 Web 开发者的 25 款最有用的 AngularJS 工具 - 开源中国社区
ag-Grid Documentation: Home Page
AngularJS常用插件与指令收集 - pei~乐悠悠 - 博客园
720kb/angular-datepicker: Angularjs datepicker module, generate a datepicker on your input element - https://720kb.github.io/angular-datepicker

Angular5入门与提高_Angular教程_汇智网
deepthan/blog-angular: Angular(2+)学习教程:知识点用法总结和学习资源整合。还用其做了一个诗歌站点:
Issues · angular/angular.js

angular project

Angular6入门项目

【CuteJavaScript】Angular6入门项目(1.构建项目和创建路由) - 掘金
【CuteJavaScript】Angular6入门项目(2.构建项目页面和组件) - 掘金
【CuteJavaScript】Angular6入门项目(3.编写服务和引入RxJS) - 掘金
【CuteJavaScript】Angular6入门项目(4.改造组件和添加HTTP服务) - 掘金

linguowei/micro-note: 📝 A micro note application
akveo/ngx-admin: Admin dashboard template based on Angular 5+, Bootstrap 4 (previously known as ng2-admin)

angular framework&libs

结构型

angular-cli

angular/angular-cli: CLI tool for Angular

gantt

angular-gantt/angular-gantt: Gantt chart component for AngularJS
Angular Gantt - Gantt chart component for AngularJS (Demo)
dalestone/angular2-gantt: A gantt library written in angular
Angular Gantt - Gantt chart component for AngularJS

Mooa

phodal/mooa: Mooa 是一个为 Angular 服务的微前端框架。A independent-deployment micro-frontend Framework for Angular from single-spa.
MooaExamples

ui-router

angular-ui/ui-router: The de-facto solution to flexible routing with nested views in AngularJS
UI-Router

表现型

angular-modal

btford/angular-modal: Simple AngularJS service for creating modals

angular-formly

formly-js/angular-formly: JavaScript powered forms for AngularJS
angular-formly

angular-drag-and-drop-lists

marceljuenemann/angular-drag-and-drop-lists: Angular directives for sorting nested lists using the HTML5 Drag & Drop API

angular-pdfjs-viewer

legalthings/angular-pdfjs-viewer: PDF.js viewer directive for AngularJS

material2

angular/material2: Material Design components for Angular

ngx-dropzone-wrapper

zefoy/ngx-dropzone-wrapper: Angular wrapper library for Dropzone

行为型

angular 上传&下载

¥angular上传

angular-dragdrop

codef0rmer/angular-dragdrop: Implementing jQueryUI Drag and Drop functionality in AngularJS (with Animation) is easier than ever
Drag and Drop for AngularJS
angular-dragdrop/angular-dragdrop: Angular HTML5 Drag and Drop directive written in pure js with no dependency on JQuery.
Angular Drag and Drop

angular-w5c-validator

why520crazy/angular-w5c-validator: a simple plugin for angular form validation
w5cValidator - Angular js

angular-debounce

shahata/angular-debounce: AngularJS service and directive for debounce

ng-tasty

Zizzamia/ng-tasty: A tasty collection of reusable UI components for Angular, like grandma used to make. Like Table directive, WebSocket / Debounce / Throttle service, Range / Camelize / Slugify filters

ngrx/store

ngrx/store: RxJS powered state management for Angular applications, inspired by Redux

rx.angular.js

Reactive-Extensions/rx.angular.js: AngularJS Bindings for RxJS

angular resource&FAQ

angular-component

toddmotto/angular-component: Fully featured .component() polyfill for Angular v1.3+
Todd Motto: Angular, TypeScript and JavaScript articles

angular-example

crk123kk/angular-example: 关于一些angular项目使用的基本实例

angularjs项目的页面跳转如何实现(5种方法)_AngularJS_脚本之家
18 个惊人的 Angular 开源项目
eclipse123/angular-spring-mybatis: 示例代码,仅供参考
Angular CLI 快速创建Angular 2项目和组件, 压缩打包发布。 - 张旭超-web前端开发工程师 - SegmentFault 思否
Angular企业级开发(6)-使用Gulp构建和打包前端项目 - 快乐八哥 - 博客园
AngularJs与SpringMVC简单结合使用 - CSDN博客
【AngularJS】AngularJS整合Springmvc、Mybatis环境搭建 - CSDN博客
我自己整理的一些Angular2项目和资源_慕课手记
关于Angular2的一些资料(持续更新中) - angular - SegmentFault
Angular 4.x 修仙之路 - Angular 4.x 修仙之路 - SegmentFault 思否
20个免费的 AngularJS 资源和开发教程 - 梦想天空(山边小溪) - 博客园
自己收集的部分Angular学习资料 - 生活 - SegmentFault 思否

jQuery File Upload Demo
jQuery File Upload Demo - AngularJS version
开源API接口管理系统-CrapApi

$cordova

Apache Cordova
GZYZIT/TeamToy-Mobile: 采用Cordova框架开发的团队待办事项管理平台TeamToy移动客户端

$dojo

dojo/dojo: Dojo 1 - the Dojo 1 toolkit core library.
Dojo Toolkit
API Documentation - The Dojo Toolkit Version 1.10
IBM developerWorks 中国 : 学习 Dojo
The Dojo Toolkit - Demos Index
Hyun's Dojo

$deno

¥deno core

Deno
https://deno.land/x/
deno/Docs.md at master · denoland/deno
"deno" | deno
Deno 核心指南 · 语雀

denoland/deno: Runs JavaScript and TypeScript in the command-line
denoland/deno_std: deno standard modules
denoland/deno_install: Deno Binary Installer
denoland/registry
deno/Docs.md at master · denoland/deno
denolib/awesome-deno: 🎉A curated list of awesome things related to Deno
Deno 并不是下一代 Node.js - Go语言中文网 - Golang中文社区
Fen - 基于deno的简单Typescript Web框架 - 掘金
我为 VS Code 开发了一个 Deno 插件 - 掘金
Deno 运行时入门教程:Node.js 的替代品

$express

express core

Express - Node.js web application framework
Express 4.x - API Reference
Express 4.x - API 参考
expressjs/expressjs.com
Express 4.x - API 中文手册
Express - 基于 Node.js 平台的 web 应用开发框架

express libs & utils

express-upload-progress

zemirco/express-upload-progress: File uploading with Express.js and progress bar

generator

expressjs/generator: Express' application generator

express middleware

body-parser

expressjs/body-parser: Node.js body parsing middleware
Express教程04:处理文件上传 - weixin_34259559的博客

express-http-proxy

express-http-proxy - npm
villadora/express-http-proxy: Proxy middleware for express/connect
node.js - Express proxy API calls with cookie - Stack Overflow
node.js - Error: unable to verify the first certificate in nodejs - Stack Overflow
`next()` is called twice when using skipToNextHandlerFilter · Issue #390 · villadora/express-http-proxy
[#390] Kills extra call to next(). · villadora/express-http-proxy@c5660c2

express-mockjs

52cik/express-mockjs: mockjs api middleware for Express

multer

expressjs/multer: Node.js middleware for handling `multipart/form-data`.

swagger-express-middleware

APIDevTools/swagger-express-middleware: Swagger 2.0 middlware and mocks for Express.js
Swagger Express Middleware | Swagger 2.0 middlware and mocks for Express.js

express.static在生产环境下怎么设置? - CNode技术社区
Express static静态路由 - Lawliet__zmz - 博客园
express.static 作用及用法 - CSDN博客
express中static的目录设置 - CNode技术社区
【Node.js-3】express介绍、express-static处理静态文件请求、链式操作next()、中间件、cookie、session - CSDN博客
利用 Express 托管静态文件
Express的serve-static中间件的使用之五问 - CSDN博客
Express 中间件-前端开发博客
express常用中间件 - 陈亚 - 博客园

express FAQ

node的express框架接收get/post请求时,参数获取方式 - 大豆F4 - 博客园
Express 上传图片 - 前端 - 掘金
express 中的错误处理_qq_36391954的博客-CSDN博客

$emberJS

emberjs core

Ember.js - Homepage
emberjs/ember.js: Ember.js - A JavaScript framework for creating ambitious web applications
Ember - 3.1 - Ember API Documentation
Ember.js - Builds
Ember.JS
Ember.js Talks on EmberWatch
Ember Weekly
Ember.js Dashboard
developer | Scoop.it
Join EmberJS Community on Slack!
Ember.js - Guides and Tutorials
Ember.js
emberjs.cn
blog.ddlisting.com

Ember.js 入门指南 (一) - CSDN博客
Day 19: EmberJS 入门指南 - SegmentFault 业界资讯 - SegmentFault 思否
FeipingHunag/ember-todo: a example of rails4 ember 1.0 ember-data 1.0.0beta2

$Electron - 创建跨平台的桌面客户的应用程序

Electron core

Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。
electron-react-boilerplate/electron-react-boilerplate: A Foundation for Scalable Cross-Platform Apps
Electron React Boilerplate · A Foundation for Scalable Cross-Platform Apps
Electron 应用 | Electron

electron-vue

SimulatedGREG/electron-vue: An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
PanJiaChen/electron-vue-admin: vue electron admin template web: http://panjiachen.github.io/vue-admin-template
SmallRuralDog/electron-vue-music: 基于 electron-vue 开发的音乐播放器,界面模仿QQ音乐,技术栈electron-vue+vue+vuex+vue-router+element- UI。欢迎star
dockeron/dockeron: 🤖🤖🤖 Electron + Vue.js for Docker
bradstewart/electron-boilerplate-vue: Boilerplate application for Electron runtime
nklayman/vue-cli-plugin-electron-builder: A Vue Cli 3 plugin for Electron with no required configuration
L-Chris/vue-design: Be the best website visualization builder with Vue and Electron.
CS-Tao/whu-library-seat: 武汉大学图书馆抢座软件 - 桌面端

fiddle

electron/fiddle: 🚀 The easiest way to get started with Electron

nuclear

nukeop/nuclear: Desktop music player for streaming from free sources

Electron构建跨平台应用Mac/Windows/Linux - 掘金
Electron工程踩坑记录 - 掘金
Electron - 创建跨平台的桌面客户的应用程序 - 梦想天空(山边小溪) - 博客园

$Flutter

Flutter 教程

Flutter 44集免费基础视频教程 - 掘金
为前端工程师准备的 Flutter 入门指南 - 知乎
用前端 最舒服的躺姿 "搞定" Flutter (组件篇) - 掘金
Flutter仿写单读App介绍与总结 - 掘金
[译] Flutter: 图解 Row 与 Column 部件 · Issue #11 · Weiyu-Chen/blog
[译] Flutter: 图解 Container 部件 · Issue #10 · Weiyu-Chen/blog
使用 redux 管理 flutter 应用数据 · Issue #47 · riskers/blog
谈谈 Flutter 中的请求和异步 - 知乎
手把手教你在Flutter项目优雅的使用ORM数据库 - 掘金
bugly的flutter版已完成,欢迎使用 - 掘金
Flutter Widget 静态布局实战 - 掘金

flutter/flutter: Flutter makes it easy and fast to build beautiful mobile apps.
Solido/awesome-flutter: An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.
flutter_statusbar_manager | Flutter Package
基于Flutter Canvas的飞机大战(一) - 掘金
基于Flutter Canvas的飞机大战(二) - 掘金
让我们在2019年重新认识 Flutter - 知乎
Flutter-国际化适配终结者 - 掘金
Flutter 组件总结 - 掘金
Flutter早知道 - Named Router可以传参了! - 掘金

$framework7

framework7io/framework7: Full featured HTML framework for building iOS & Android apps
framework7

$Go

Modlishka

drk1wi/Modlishka: Modlishka. Reverse Proxy. Phishing NG.

txqr

divan/txqr: Transfer data via animated QR codes

WebAssembly

oak

elliotforbes/oak: A Go Based WebAssembly framework for building frontend applications in Go!

Rust

[译] Rust 2018 已经发布……但它到底是什么呢? - 掘金

webassemblyjs

xtuc/webassemblyjs: Toolchain for WebAssembly
webassemblyjs · webassemblyjs

walt

ballercat/walt: Walt is a JavaScript-like syntax for WebAssembly text format
Walt Explorer

ColinEberhardt/wasm-sudoku-solver: a WebAssembly-powered AR sudoku solver
Web程序性能优化——asm.js和WebAssembly - 掘金
20分钟上手 webAssembly - 掘金

$Ionic

Ionic Documentation
Ionic Framework - Ionic Documentation
ionic2/3 预处理安卓返回键和监听返回键执行自定义操作 - 掘金
Ionic - 先进的 HTML5 移动开发框架和 SDK - 梦想天空(山边小溪) - 博客园
Ionic开发App中重要的部分 - 掘金
[译] 5 个可以立刻在你的 Ionic App 中用上的动画包 - 掘金

$jquery

¥jquery core

Jquery UI 中文网
jQuery UI
jQuery
jQuery API 中文文档 -- jQuery 中文网
jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm
jQuery API 中文文档(适用jQuery 1.0 - jQuery 3.1)
jquery 在线手册 | jQuery API 中文手册 | jQuery 速查表 | jQuery 参考手册 | jQuery CHM | jQuery 在线文档 | jQuery 1.12.1
jQuery -jquery 中文网
nefe/You-Dont-Need-jQuery: Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.

¥jquery 插件库

$jQuery开发插件

umd/jqueryPlugin.js at master · umdjs/umd
jQuery $.extend()用法总结 - 晴晴加油 - 博客园
理解jquery的$.extend()、$.fn和$.fn.extend()-前端开发博客

$loading

加载动画和进度条

8款效果精美的 jQuery 加载动画和进度条插件 - 梦想天空(山边小溪) - 博客园
真是好东西!一组动感的页面加载动画效果 - 梦想天空(山边小溪) - 博客园

页面加载特效(Page Loading Effects) | Demo 3
基于HTML5 SVG的jQuery圆形进度条动画特效_jQuery之家-自由分享jQuery、html5、css3的插件库

$UI

jquery easyui

JQuery EasyUI中文网
EasyUI - 帮助您轻松构建您的网页
文档 - jQuery EasyUI
jQuery EasyUI 教程 | 菜鸟教程
EasyUI学习总结(一)——EasyUI入门 - 孤傲苍狼 - 博客园
Easyui中文社区

The Pete Design | Minimal UI and Functional UX Design and Development Freelancer

$动画、效果、特效、变换

¥patch

zachstronaut/jquery-animate-css-rotate-scale: A monkey patch for jQuery 1.3.1+ that adds support for setting or animating CSS scale and rotation independently.

jquery easing

jQuery Easing Plugin
jQuery Easing 使用方法及其图解 - CSDN博客

jquery-resize

jquery-resize | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
Ben Alman » jQuery resize event
cowboy/jquery-resize: A resize event for ALL your jQueries!
jquery.ba-resize.min.js 免费开源代码阅读 开发,分享 - CodeForge.cn
js.jquery_ba_resize · PyPI

shadow

flat-shadow

peachananr/flat-shadow: A small jQuery plugin that will automatically cast a shadow creating depth for your flat UI elements

Tab切换插件

精心挑选:10款实用的 jQuery Tab 切换插件和教程 - 梦想天空(山边小溪) - 博客园

动画插件

Velocity – 另外一款加速的 jQuery 动画插件 - 梦想天空(山边小溪) - 博客园

响应式 jQuery 旋转木马(传送带)插件

12款响应式的 jQuery 旋转木马(传送带)插件 - 梦想天空(山边小溪) - 博客园

滚动动画效果

ScrollMe – 在网页中加入各种滚动动画效果 - 梦想天空(山边小溪) - 博客园

图片轮播

swiper

amazeui/swiper: Most modern mobile touch slider with hardware accelerated transitions.
Amaze UI Swiper | Amaze UI 插件

slick

kenwheeler/slick: the last carousel you'll ever need
amazeui/slick: jQuery carousel plugin.
Amaze UI Slick | Amaze UI 插件

Nivo Slider - 世界上最棒的 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园

翻转的作品集滑块效果

使用 jQuery & CSS3 实现翻转的作品集滑块 - 梦想天空(山边小溪) - 博客园

固定头部切换效果

Midnight.js – 实现奇妙的固定头部切换效果 - 梦想天空(山边小溪) - 博客园

Stickup

stickUp - a free jQuery Plugin
LiranCohen/stickUp: stickUp a jQuery Plugin for sticky navigation menus.

sticky-kit

Sticky-Kit | jQuery plugin for sticky elements
leafo/sticky-kit: A jQuery plugin for creating smart sticky elements

左右滚动插件

精心挑选10款优秀的 jQuery 图片左右滚动插件 - 梦想天空(山边小溪) - 博客园

构建多状态原型

Permit.js - A jQuery Plugin to Simplify the Building of Interactive Multi-State Prototypes

返回顶部插件

jq返回顶部多种实现方法 - 波克比520 - 博客园

传送带插件

slick

Slick – 这是你需要的最后一款 jQuery 传送带插件 - 梦想天空(山边小溪) - 博客园

文字闪烁、提示

原生js tooltip提示框插件制作鼠标滑过提示文字效果代码
简单的css3输入框提示文字效果
jQuery仿Word查找结果高亮显示代码
jquery ui iPicture图片提示插件鼠标悬停到图片上提示文字信息
js文字特效制作js文字闪烁与文字变色效果
jquery 文字闪烁支持自动文字闪烁、点击文字闪烁、验证文字闪烁
纯css3霓虹灯文字闪烁动画特效
纯css3标题文字间歇滚动效果

提示/提词器系统

scrollocue

soxofaan/scrollocue: Simple autocue/teleprompter jQuery plugin
Scrollocue

自适应背景

jquery.adaptive-backgrounds.js

briangonzalez/jquery.adaptive-backgrounds.js: 🦎 A jQuery plugin for extracting the dominant color from images and applying the color to their parent.
jquery.adaptive-backgrounds.js • A jQuery plugin for extracting dominant colors from images and applying it to its parent

倒计时效果

jQuery Countdown Timer 倒计时效果 - 梦想天空(山边小溪) - 博客园

$图片

¥image loading events

alexanderdickson/waitForImages: A jQuery plugin that lets you attach callbacks to useful image loading events.

Lightbox

Lightbox 插件

baguetteBox.js - 简单易用的 lightbox 插件 - 梦想天空(山边小溪) - 博客园
henrygd/bigpicture: Lightweight JavaScript image / video viewer. Supports Youtube and Vimeo.

Swipebox – 用于触屏设备的精美 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
Strip JS – 低侵入,响应式的 Lightbox 效果 - 梦想天空(山边小溪) - 博客园
20款美化网站的 jQuery Lightbox 灯箱插件 - 梦想天空(山边小溪) - 博客园
FancyBox - 经典的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园

照片堆叠效果

Photopile JS – 帮助你实现精致的照片堆叠效果 - 梦想天空(山边小溪) - 博客园

视网膜(Rtina)图像支持

Dense.js - 响应式的视网膜(Rtina)图像支持 - 梦想天空(山边小溪) - 博客园

图片响应式裁剪

使用 FocusPoint.js 实现图片的响应式裁剪 - 梦想天空(山边小溪) - 博客园
jonom/jquery-focuspoint: jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.

移轴镜头效果

tiltShift.js - CSS3 滤镜实现移轴镜头效果 - 梦想天空(山边小溪) - 博客园

幻灯片插件

60款很酷的 jQuery 幻灯片演示和下载 - 梦想天空(山边小溪) - 博客园
Prezento – 轻量、简单的 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园
WebSlides - 轻松制作漂亮的 HTML 幻灯片(演讲稿) - 梦想天空(山边小溪) - 博客园
推荐15款创建漂亮幻灯片的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
Elastic Image Slider 带缩略图功能的幻灯片 - 梦想天空(山边小溪) - 博客园
Slides - 在线制作效果精美的幻灯片(PPT) - 梦想天空(山边小溪) - 博客园
SlidesJS - 老牌的响应式 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园
Skippr – 轻量、快速的 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园

图片特效插件

www.cnblogs.com/lhb25/archive/2011/11/20/15-jquery-image-effects.html
8款非常棒的响应式 jQuery 幻灯片插件推荐 - 梦想天空(山边小溪) - 博客园
精心挑选的23款美轮美奂的 jQuery 图片特效插件 - 梦想天空(山边小溪) - 博客园
网站项目必备——12款经典的白富美型 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
S Gallery – 很有特色的响应式 jQuery 相册插件 - 梦想天空(山边小溪) - 博客园
使用 jQuery & CSS3 制作美丽的照片画廊 - 梦想天空(山边小溪) - 博客园
基于 jQuery 实现的精致作品集图片导航效果 - 梦想天空(山边小溪) - 博客园
Image Wall - jQuery & CSS3 图片墙效果 - 梦想天空(山边小溪) - 博客园
ZOOM - 简单易用的 jQuery 照片相册插件 - 梦想天空(山边小溪) - 博客园
Rotating Image Slider - 图片旋转切换特效 - 梦想天空(山边小溪) - 博客园
学习使用 jQuery & CSS3 制作照片堆栈效果 - 梦想天空(山边小溪) - 博客园
分享22款响应式的 jQuery 图片滑块插件 - 梦想天空(山边小溪) - 博客园
【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件 - 梦想天空(山边小溪) - 博客园

jQuery图像处理 - 开源软件 - 开源中国

$表格、表单

ajax 分页

paginationjs

superRaytin/paginationjs: A jQuery plugin to provide simple yet fully customisable pagination.
Pagination.js | Home

实现灵活排序和分页功能

jPList – 实现灵活排序和分页功能的 jQuery 插件 - 梦想天空(山边小溪) - 博客园

精心挑选的12款优秀 jQuery Ajax 分页插件和教程 - 梦想天空(山边小溪) - 博客园
分享5种风格的 jQuery 分页效果【附代码】 - 梦想天空(山边小溪) - 博客园

checkbox

js ymPrompt悬浮窗口点击checkbox选中给text文本框赋值代码
纯css3单选按钮和复选按钮样式代码
jquery checkbox左右框项目选中移动代码
jquery checkbox复选框美化点击checkbox事件 选中 取消样式
9款css3超炫的表单复选框Checkbox美化效果代码
jquery复选框点击checkbox添加或删除text输入框value值
js css3表单checkbox多选框选择效果
jQuery多级checkbox复选框选中代码
css3 checkbox美化单选按钮和复选按钮美化样式
jQuery css3表单Checkbox和Radio按钮美化代码
jquery checkbox点击选中列表样式代码
html5 css3制作checkbox多选框选中样式特效
CSS3自定义美化复选框Checkbox按钮样式代码

editable-table

mindmup/editable-table: tiny jQuery/Bootstrap widget that makes a HTML table editable

form

jquery-form/form: jQuery Form Plugin
jQuery Form Plugin by jquery-form

html5sortable

farhadi/html5sortable: Lightweight jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.
lukasoppermann/html5sortable: VanillaJS sortable lists and grids using native HTML5 drag and drop API.
HTML5 Sortable library
HTML5 Sortable
mattheworiordan/jquery.simulate.drag-sortable.js: Simulate drag events within a JQuery UI Sortable widget (primarily for integration testing)

hover

css3:hover悬停图标展开气泡文本框特效
jquery鼠标悬停下载按钮滑动显示提示信息文本框

jQuery 下拉列表

jquery-citys

城市三级联动 - citys

输入框下拉分页菜单选择插件

jQuery输入框下拉分页菜单选择插件
强大的jquery下拉分页选择插件SelectPage
bDialog使用实例

Select-or-Die:灵活的 jQuery 下拉列表插件 - 梦想天空(山边小溪) - 博客园
vestman/Select-or-Die: Yet another jQuery plugin to style select elements. Demo at http://vst.mn/selectordie/
vestman/Select-or-Die-Themes: Theme repository for the SoD
jdulal/Select-or-Die

jQuery Bootgrid

A jQuery grid plugin - jQuery Bootgrid
rstaib/jquery-bootgrid: Nice, sleek and intuitive. A grid control especially designed for bootstrap.

jQuery Validate

jQuery Password Validation

jQuery Password Validation(密码验证) | 菜鸟教程
修改密码jQuery校验(代码) - html/css语言栏目:html.css - 红黑联盟
bassistance.de » jQuery plugin: Password Validation
jQuery Password Validation(密码验证)插件 - CSDN博客
jQuery Password Validation密码验证_jquery_脚本之家
jQuery Password Validation(密码验证) - CSDN博客
jzaefferer/jquery-validation.password
easy-designs/jquery.easyValidationRules.js: Form field validation via associated lists. Inspired by http://aerotwist.com/blog/better-password-form-fields/ Demo:
Aerotwist - Better password form fields

jQuery-Form-Validator

victorjonsson/jQuery-Form-Validator: jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from javascript code.
jQuery Form Validator

jQuery html5Validate

jQuery html5Validate基于HTML5表单验证插件 « 张鑫旭-鑫空间-鑫生活
JS前端验证与用户自由思想 « 张鑫旭-鑫空间-鑫生活
zhangxinxu/html5Validate: 基于HTML5新特性新规范的表单验证jQuery插件

Jquery Validation

jQuery Validate | jQuery Plugin Registry
JQuery validate验证规则 - 一米阳光! - 博客园
jQuery Validate验证框架详解 - 松峰 - 博客园
jQuery Validation Plugin | Form validation with jQuery
Jquery插件-Validate使用方式 - CSDN博客
jQueryValidate详解 - html/css语言栏目:html.css - 红黑联盟
jQuery Validate | 菜鸟教程
jQuery Validate使用笔记 - CSDN博客
jQuery Validate - CSDN博客
jQuery Validate - 冰柠檬不酸 - 博客园
jQuery Validate验证框架详解 - Ruthless - 博客园
mongoose+express+jQuery Validate实现用户表单异步验证 - 简书
史上最全JS表单验证封装类 - Ruthless - 博客园
封装jQuery Validate扩展验证方法 - Ruthless - 博客园
Spring shiro + bootstrap + jquery.validate 登录、注册 - CSDN博客
基于Bootstrap+jQuery.validate Form表单验证实践 - CSDN博客
JQuery validate验证规则 - CSDN博客
Ruthless - 博客园
bootstrap3-validation.js bootstrap 的jquery 表单验证 - CSDN博客
JQuery的validation插件 - CSDN博客
Jquery Validation 验证控件的使用说明 - 沙漠飞雪 - 博客园
blog/formValidation.js at master · liuyunzhuge/blog
jquery-validation/jquery-validation: jQuery Validation Plugin library sources
jQuery插件—Validation Plugin-慕课网

jQuery-Validation-Engine

posabsolute/jQuery-Validation-Engine: jQuery form validation plugin

tips验证

利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件 - 流云诸葛 - 博客园

jQuery-Mask-Plugin

igorescobar/jQuery-Mask-Plugin: A jQuery Plugin to make masks on form fields and HTML elements.
jQuery Mask Plugin - A jQuery Plugin to make masks on form fields and html elements.

jquery-maskmoney

plentz/jquery-maskmoney: jQuery plugin to mask data entry in the input text in the form of money (currency).

Jquery-Price-Format

price-format/Jquery-Price-Format: jQuery Price Format Plugin is useful to format input fields and HTML elements as prices. For example, if you type 123456, the plugin updates it to US$ 1,234.56. It is costumizable, so you can use other prefixes, separator

支持10种格式的 HTML 表格导出插件

支持10种格式的 HTML 表格导出 jQuery 插件 - 梦想天空(山边小溪) - 博客园
HTML table Export
Tableexport.jquery.plugin by kayalshri
kayalshri

日历翻转效果

jQuery 制作逼真的日历翻转效果的倒计时 - 梦想天空(山边小溪) - 博客园

文字标签

jQuery文字标签过滤器text文本框输入过滤文字标签效果代码
jquery表单text文本框回车添加文字标签拖动可调顺序
jQuery输入框文字空格键创建标签插件
jquery添加标签html输入文本框动态添加标签代码
jQuery input文本框输入文字回车创建标签代码
jQuery标签点击搜索文本框弹出热门标签关键字选择
jquery text文本框输入文字添加标签可删除_生成标签可删除代码
jQuery简单输入框添加创建标签代码
jQuery创建域名标签可删除添加标签代码
jquery动态添加标签_空格键添加a标签_表单添加html标签元素
jquery输入框提示插件input输入框文字下拉提示添加标签代码
js输入关键词创建标签代码
jQuery发布文章自定义选择添加删除标签代码
jQuery添加标签插件
jquery创建标签text文本输入框点击按钮创建标签表单提交value值
jquery自定义添加标签_自定义删除标签代码
JQuery+Layer实现添加删除自定义标签代码

文本框

手写输入法

原生js 表单搜索text文本框支持手写输入法

省市选择器

jQuery input文本框城市下拉菜单选择代码
jQuery点击文本框下拉菜单城市选择代码
jQuery点击text文本框快速选择城市代码
jQuery text文本框全国按省选择学校
jquery点击text文本框弹出省市地区城市选择器
js text输入框提示火车机票网站点击文本框城市选择
echarts地图json数据城市选择插件
基于element-ui编写省市县三级联动菜单代码
jQuery配送地址三四级联动城市选择代码
Angularjs输入框弹出城市街道地址选择代码
jQuery模拟select框下拉三级联动城市选择器
jquery四级联动插件城市选择下拉菜单代码
jQuery中国省市区城市选择三级联动插件
jQuery遮罩弹出选择地区省市区城市代码
jQuery移动端省市二级联动城市选择代码
JQuery带字母分类城市选择器插件代码
jQuery移动端四级联动世界地区选择代码
html5 echarts省市区地图城市选择代码
jQuery城市下拉框菜单选择代码
jquery仿招聘网站弹出城市选择信息代码
jquery物流发货省市区城市地图选择器
jQuery省市区三级联动插件_城市三级联动插件
基于jQuery input框点击弹出城市选择器代码
jQuery省市区三级联动插件代码
原生js城市选择控件_js机票城市选择_js城市选择器代码
原生js仿淘宝旅游页面多个热门省份城市选择控件
jquery文字列表全国地区城市选择代码

软键盘&表情

jQuery keyboard点击弹出虚拟键盘输入text文本框文字内容
jQuery表情插件文本框输入表情符号代码
js文本框插入表情支持解析代码
html5 input文本框插入qq表情代码
jquery+css3 仿制iphone软键盘输入文本框(兼容ie8以上)
jquery新浪微博表情插件textarea文本框插入QQ表情表单提交代码
jquery qq表情插件鼠标点击qq表情图片插入文本框表单提交
jquery textarea文本框制作新浪微博文本框输入QQ表情评论
jquery表单提交text文本框点击弹出下拉选择城市文字列表

复制调用text文本框内容

jquery复制链接点击按钮复制调用text文本框内容

jQuery默认的文本框弹出层代码
jQuery input文本框输入文字放大显示效果
jQuery颜色选择器点击文本框颜色拾取器代码
js css3文本框编辑文字动画代码
js表单文本框内容互换效果代码
jQuery css3输入框焦点事件图标动画效果
jQuery文本框输入文字飞出动画效果
jQuery textarea文本框输入文字限制提示代码
jquery删除添加输入文本框插件
html5点击text文本框个性化时间选择插件
html5 input placeholder文本占位符动画插件文本框文字提示输入

tanathos/jquery.jqprint: jQuery print plugin

$布局、组件

jquery-audio

Free Jquery Audio Player | Cincopa

jquery-lang-js

Irrelon/jquery-lang-js: i18n Automatically deploy and switch multi-language HTML pages without reloading the page.
Home | Irrelon Software Limited

分布引导插件

推荐15款最佳的 jQuery 分步引导插件 - 梦想天空(山边小溪) - 博客园

导航菜单

Path旋转菜单

wheel-menu

peachananr/wheel-menu: Add a fully customisable Path-like wheel menu button to your website
jQuery Wheel Menu by Pete R. | The Pete Design

响应式导航

15款帮助你实现响应式导航的 jQuery 插件 - 梦想天空(山边小溪) - 博客园

jQuery仿阿里巴巴顶部下拉菜单代码
jQuery.mmenu – 用于移动 Web 项目的光滑菜单 - 梦想天空(山边小溪) - 博客园
jQuery fixed侧边固定层收缩展开菜单代码
自定义设置悬浮图标导航页面功能代码
jQuery图标导航html响应式导航菜单代码
win10风格自适应图标导航网页模板
jquery win8风格图标导航菜单特效
div css仿京东右侧固定图标菜单栏样式代码
扁平的jQuery响应式下拉导航菜单代码
jquery导航二级菜单太多了下拉菜单滚动显示
jQuery在线教育网页顶部下拉分类导航菜单代码
jquery教育网站顶部浮动导航下拉菜单特效
jquery右键菜单插件制作鼠标右键弹出多级菜单代码
jQuery css3黑色的多级导航菜单下拉列表代码
jquery蓝色的旅游网站左侧导航菜单代码
jquery 导航插件动画导航下拉菜单Apycom软件的Java下拉菜单
jquery仿360音乐导航条鼠标滑过阶梯动画导航条

手风琴插件

手风琴效果

使用 jQuery & CSS3 实现优雅的手风琴效果 - 梦想天空(山边小溪) - 博客园

www.cnblogs.com/lhb25/archive/2012/08/21/jquery-accordion-tutorials.html
基于 jQuery 实现垂直滑动的手风琴效果 - 梦想天空(山边小溪) - 博客园

模态窗口,工具提示和消息插件

标签系统插件

sniperwolf/taggingJS: jQuery plugin to tagging like a charm!
TaggingJS – 可以灵活定制的 jQuery 标签系统插件 - 梦想天空(山边小溪) - 博客园
taggingJS

JBox - 模态窗口,工具提示和消息 jQuery 插件 - 梦想天空(山边小溪) - 博客园
基于jQuery的简单消息框MsgBox插件 - CSDN博客

垂直时间轴

jquery简单竖直的线性时间轴代码
jQuery发展历程垂直时间轴代码
jQuery css3垂直时间轴展开动画特效
jquery垂直时间轴鼠标滚动时间轴滚动代码
jQuery时间轴特效动画展示垂直时间轴特效代码
jquery仿站长之家大事记时间轴制作代码
jquery网页时间轴代码简单的网页时间轴制作效果
html5 web框架用div css3布局简单的时间轴列表样式
jQuery animate滑动收缩展开时间轴大事记发展历程

所见即所得(WYSIWYG)编辑器插件

jquery-notebook

raphaelcruzeiro/jquery-notebook: A modern, simple and elegant WYSIWYG rich text editor.

Trumbowyg - 轻量的 WYSIWYG 编辑器 - 梦想天空(山边小溪) - 博客园
Trumbowyg - A lightweight WYSIWYG editor by Alex-D / Alexandre Demode
Alex-D/Trumbowyg: A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip)

仪表盘插件

ModelN/sDashboard: A simple & light weight dashboard framework in javascript

砌体

Salvattore — A jQuery Masonry alternative with CSS-driven configuration
rnmp/salvattore: A jQuery Masonry alternative with CSS-driven configuration.

jQuery分步步骤

$地图

Maplace.js

danielemoraschi/maplace.js: A Google Maps Javascript plugin for jQuery.

$菜单

okayNav – jQuery响应式菜单/导航插件_dowebok

$signal jquery libs

jQuery之家-自由分享jQuery、html5、css3的插件库
jQuery插件库-收集最全最新最好的jQuery插件
插件应用 – 前端开发,JQUERY特效,全栈开发,vue开发
Web开发者必备的20款超赞jQuery插件 - 梦想天空(山边小溪) - 博客园
过去几个月出炉的30款最喜欢的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
分享一组很赞的 jQuery 特效【附源码下载】 - 梦想天空(山边小溪) - 博客园
40个新鲜的 jQuery 插件,使您的网站用户友好 - 梦想天空(山边小溪) - 博客园
在网站开发中很有用的8个 jQuery 效果【附源码】 - 梦想天空(山边小溪) - 博客园
Web开发者必备的20款超赞jQuery插件 - 梦想天空(山边小溪) - 博客园
iyiguo.net/blog/2012/12/02/jquery-plugins-authoring/
JQuery Corner Demo
Web 开发最有用的50款 jQuery 插件集锦——《综合篇》 - 梦想天空(山边小溪) - 博客园
jQuery 插件 - 开源软件 - 开源中国
gabceb/jquery-browser-plugin: A jQuery plugin for browser detection
jQuery数据缓存$.data 的使用以及源码解析 - 掘金

eslint-plugin-jquery

dgraham/eslint-plugin-jquery: Disallow jQuery functions with native equivalents.

jquery.soap

doedje/jquery.soap: This script uses $.ajax to send a SOAP:Envelope. It can take XML DOM, XML string or JSON as input and the response can be returned as either XML DOM, XML string or JSON too.

Sammy.js

quirkey/sammy: Sammy is a tiny javascript framework built on top of jQuery, It's RESTful Evented Javascript.
Sammy.js / A Small Web Framework with Class / RESTFul Evented JavaScript

demo&FAQ

jquery答疑解惑

结构

www.w3school.com.cn/jquery/selector_contains.asp
动态创建Dom元素,并设置属性和类----JS&JQ - CSDN博客
jQuery [attribute$=value] 选择器 | 菜鸟教程
使用jQuery获取data-的自定义属性_jquery_脚本之家
.data() | jQuery API Documentation
jquery中prop,attr,data的区别 - 阿弥陀佛么么哒! - 博客园
JQuery的removeProp()与removeAttr()移除属性的区别 - CSDN博客
JQuery的removeProp()与removeAttr()移除属性的区别 - CSDN博客
jQuery对象与js对象互相转换 - 超级芒果 - 博客园
JQuery $(function(){})和$(document).ready(function(){}) - 怪咖Eric - 博客园

表现

easyui datagrid列拖拽 - wuwenhai - 博客园
jquery判断某个元素是否包含某个类名 - CSDN博客
js jquery获取当前元素的兄弟级 上一个 下一个元素_jquery_脚本之家
jquery如何获取元素的滚动高度 - CSDN博客
jquery判断某个元素是否包含某个类名 - CSDN博客
jQuery 获取文件后缀的方法 - microsoft-zh.cn - 博客园
jquery判断元素是否隐藏的多种方法_jquery_脚本之家
JQuery的可见性选择器与show、hide的关系 - Javascript教程_JS教程_技术文章 - 红黑联盟
jQuery height() 方法 | 菜鸟教程
jquery中arrt()和prop()的区别 - Ethan's - 博客园

行为

通过 jQuery 先后为某个元素绑定了 click 事件,有没有办法调整其调用顺序? - 知乎
$(document).click() 在iphone上不触发事件解决办法 - CSDN博客
document.onclick在ios上不触发的解决方法与touchstart点击穿透处理 - Redchar - 博客园
JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点 - CSDN博客
JQ中mouseover和mouseenter的区别 - 墨韵明空 - 博客园
jQuery 鼠标移入移出事件切换 - CSDN博客
jQuery on()方法 - leejersey - 博客园
JS JQuery获取当前元素的上一个下一个兄弟级元素等元素的方法 - CSDN博客
select 2级联动和checkbox全选框联动 - CSDN博客
javascript - 多个复选框之间的联动? - SegmentFault 思否
jQuery对象与DOM对象之间的转换方法 - CSDN博客
jquery 规范 - 路修远而求索 - 博客园
JQuery跳出each循环的方法_jquery_脚本之家
关于jquery的each遍历,return只终止当前循环,不好使的解决办法 - CSDN博客
jQuery+ajax实现动态加载,局部刷新, - TigerZhang - 博客园
Jquery给HTML元素绑定按键事件-回车事件 - CSDN博客

Jquery操作技巧总结

结构

jquery选择器_专题_脚本之家
jQuery常用插件_专题_脚本之家
jQuery扩展技巧_专题_脚本之家

表现

jQuery表格(table)操作_专题_脚本之家
jQuery判断checkbox是否选中的3种方法 - 幽冥狂_七 - 博客园
jQuery表格(table)操作_专题_脚本之家
jQuery form操作_专题_脚本之家

行为

jQuery拖拽特效_专题_脚本之家
jQuery动画与特效用法_专题_脚本之家
jQuery加密密码到cookie的实现代码_jquery_脚本之家
jQuery页面加载后执行的事件(3种方式) - 孔小爽 - 博客园
JQuery获取页面关闭事件 - 孔小爽 - 博客园
jQuery的cookie操作_专题_脚本之家
jQuery特效_专题_脚本之家
JQuery监听页面滚动总结 - CSDN博客
开发中可能会用到的几个 jQuery 小提示和技巧 - 梦想天空(山边小溪) - 博客园
Simple Stack Effects
jquery 事件操作on、off分析 - 筱悦 - 博客园

Removing jQuery from GitHub.com frontend | GitHub Engineering
JQuery老矣,尚能饭否 - 掘金
最全的jQuery知识汇总 - 综合讨论区 - 葡萄城产品技术社区 - 手机版 - Powered by Discuz!

Rails Behaviors

$MooTools

mootools-core

mootools/mootools-core: MooTools Core Repository
mootools/mootools-more: MooTools Plugins and Enhancements Repository
MooTools
MooTools
Mootools 1.4中文手册
Mootools中文文档 - Fx/Css
mootools | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务

jQuery与MooTools库的一些比对 « 张鑫旭-鑫空间-鑫生活
cheeaun/mooeditable: [DISCONTINUED] A simple web-based WYSIWYG editor, written in MooTools.
sxalexander/jquery-scrollspy: A JQuery Implementation of David Walsh's MooTools scrollspy
rauchg/TextboxList: MooTools tokenizer
digitarald/digitarald-fancyupload: Swiff meets Ajax for powerful and elegant uploads (MooTools Plugin).
monkeyphysics/mootools-datepicker: Smoothly animating, very configurable and easy to install. No Ajax, pure Javascript.
plasm/the-wall: A Javascript plugin for Mootools
chinalu/JSPinyin: To get chinese pinyin from chinese. Based on mootools.
cpojer/mootools-mobile: Makes your web applications more touching.
anutron/mootools-bootstrap: Bootstrap JS implementation for twitter's Bootstrap CSS framework
moobilejs/moobile-core: A mobile application framework based on Mootools.
samuelbirch/MultiBox: mootools lightbox plugin that supports a wide variety of media

$nodeJS

nodeJS core

¥Core

nodeJS源码解析

node源码详解 (一) - 野路子程序员 - 博客园
node源码详解(二 )—— 运行机制 、整体流程 - 野路子程序员 - 博客园
node源码详解(三)—— js代码在node中的位置,process、require、module、exports的由来 - 野路子程序员 - 博客园
Node内建模块和对象 - 掘金
assert 模块 -- JavaScript 标准参考教程(alpha)
[NodeJs系列]NodeJs模块机制 - 掘金
[NodeJs系列]Q&A之理解NodeJs中的Event Loop、Timers以及process.nextTick() - 掘金

Node.js
Node.js 中文网
Index | Node.js v10.0.0 Documentation
API 文档 | Node.js 中文网
淘宝 NPM 镜像
cnpmjs.org: Private npm registry and web for Company
nswbmw/node-in-debugging: 《Node.js 调试指南》
aisuhua/restful-api-design-references: RESTful API 设计参考文献列表,可帮助你更加彻底的了解REST风格的接口设计。
i0natan/nodebestpractices: The largest Node.JS best practices list (June 2018)
pipiliang/docker-dashboard: Console based docker dashboard.
Pines-Cheng/awesome-nodejs-cn: Nodejs 资源大全中文版,正在翻译中。。。
nswbmw/N-blog: 《一起学 Node.js》
nodejs/node: Node.js JavaScript runtime
以往的版本 | Node.js
Index of /dist/
Node.js
CNode:Node.js专业中文社区

¥Buffer

clone-buffer

clone-buffer - npm

node Buffer模块急速入门 - 掘金

¥Crypto

Crypto | Node.js v11.14.0 Documentation
Crypto | Node.js v11.14.0 Documentation
Node 快速学习 crypto 模块 - 掘金

¥Cluster

NodeJS Cluster模块源码学习 - 掘金
深入浅出 Node.js Cluster - 掘金

¥EventEmitter

[原] 探索 EventEmitter 在 Node.js 中的实现 - 掘金

¥fs

fs-extra

fs-extra - npm

clone-stats

clone-stats - npm

fs-copy-file-sync

fs-copy-file-sync - npm

merge-trees

merge-trees - npm

broccoli-merge-trees

broccoli-merge-trees - npm

file-type

file-type - npm
sindresorhus/file-type: Detect the file type of a Buffer/Uint8Array
file-type - npm

copy-concurrently

copy-concurrently - npm
npm/copy-concurrently: Promises of copies of files, directories and symlinks, with concurrency controls and win32 junction fallback.

node.js中的fs.unlinkSync方法使用说明_node.js_脚本之家
node.js中的fs.unlink方法使用说明_node.js_脚本之家
node.js中的fs.fsync方法使用说明_node.js_脚本之家
node.js中的fs.ftruncate方法使用说明_node.js_脚本之家
node.js中的fs.fsyncSync方法使用说明_node.js_脚本之家
node.js中的fs.writeSync方法使用说明_node.js_脚本之家
node.js中的fs.write方法使用说明_node.js_脚本之家
node.js中的fs.writeFile方法使用说明_node.js_脚本之家
node.js中的fs.writeFileSync方法使用说明_node.js_脚本之家
node.js中的fs.writeFile方法使用说明_node.js_脚本之家
Node fs模块学习 - 掘金

¥HTTP

clone-response

clone-response - npm

type-is

type-is - npm
jshttp/type-is: Infer the content-type of a request.

在Node.js中发起HTTP请求的5种方法 - 掘金
Node 深入 HTTP 模块 - 掘金
NodeJS Https HSM双向认证实现 - 掘金
Nodejs核心模块之net和http - 掘金

¥Process

Node.js中环境变量process.env详解 - 流风,飘然的风 - 博客园
process | Node.js API 文档

¥path

浅析 NodeJs 的几种文件路径_node.js_脚本之家
Nodejs基础:路径处理模块path总结 - 程序猿小卡 - 博客园
Node的path.resolve(__dirname,'./src') - 简书

path.resolve 和 path.join

Nodejs path.resolve 和 path.join | 大专栏
详解Node.js中path模块的resolve()和join()方法的区别_node.js_脚本之家
Nodejs中,path.join()和path.resolve()区别_wdxcln的博客-CSDN博客
node中 path.resolve 和path.join的区别 - dami.white - 博客园
node模块之path——path.join和path.resolve的区别 - 一江西流 - 博客园

¥Require

Nodejs中的require函数 - 掘金
Node.js 模块系统源码探微 - 掘金

¥Readline

Readline | Node.js v8.15.0 Documentation
https://nodejs.org/dist/latest-v8.x/docs/api/readline.json
Node.js之readline模块的使用 - 掘金
如何使用node.js的readline模块进行两次连续输入? - 问答 - 云+社区 - 腾讯云

¥Stream

详解NodeJs流之一 - 掘金
Node 深入Stream(1) - 掘金
Node 深入Stream(2) - 掘金

¥TCP模块

Node 深入TCP模块 - 掘金

¥进程管理

Node.js的进程管理 - 掘金
child_process | Node.js API 文档
cluster | Node.js API 文档

¥依赖管理

nodejs 中的依赖管理 - 掘金
npm-install | npm Documentation
npm-semver | npm Documentation
npm-package.json | npm Documentation
npm-package.json | npm Documentation
Peer Dependencies | Node.js
node.js - Why use peer dependencies in npm for plugins? - Stack Overflow
Types of dependencies | Yarn
"npm install --save" No Longer Using Tildes
npm-package-lock.json | npm Documentation
Here’s what you need to know about npm 5 - Pusher Blog
Workspaces in Yarn | Yarn Blog
浅聊前端依赖管理及优化(上) - 掘金

nodeJS frameworks

egg.js

eggjs core

eggjs/egg: 🥚 Born to build better enterprise frameworks and apps with Node.js & Koa
egg - Born to build better enterprise frameworks and apps
egg - 为企业级框架和应用而生

egg 设置跨域白名单 - 掘金
EggJS实现一个简易的链路日志,集成到kibana中 - 掘金

一文看懂 Eggjs-基础全面讲解

一文看懂 Eggjs-基础全面讲解(上) - 掘金
一文看懂 Eggjs-基础全面讲解(中) - 掘金
一文看懂 Eggjs-基础全面讲解(下) - 掘金
一文看懂 Eggjs-基础全面讲解(完结) - 掘金

easy-monitor

hyj1991/easy-monitor: 轻量级实时 Node.js 内核性能监控分析工具
Easy-Monitor

Koa

koa-body

dlau/koa-body: koa body parser middleware

koajs/koa: Expressive middleware for node.js using ES2017 async functions
guo-yu/koa-guide: koa guide in Chinese
Koa常见API - 掘金
Koa2开发快速入门 - 掘金
看Koa框架源码,搞懂compose核心 - 掘金
个人React / Koa 项目上线——健身笔记 - 掘金
玩转Koa -- koa-bodyparser原理解析 - 掘金
使用 koa-static 在后端项目中创建静态文件容器, 存放前端资源文件 · luoquanquan/cross-domain@b8780f2
React + Koa 实现服务端渲染(SSR) - 掘金
谈谈Koa 中的next - 掘金
React + Koa 实现服务端渲染(SSR) Part II - 掘金
koa-rapid-router超越koa-router性能的100多倍 - 掘金
读 koa2 源码后的一些思考与实践
koa源码浅析 - 掘金

kraken-js

krakenjs/kraken-js: An express-based Node.js web application bootstrapping module.

keystonejs

keystonejs/keystone: A scalable platform and CMS to build Node.js applications
KeystoneJS

MVC 框架

balderdashy/sails: Realtime MVC Framework for Node.js
totaljs (Total.js)
expressjs/expressjs.com
jaredhanson/locomotive: Powerful MVC web framework for Node.js.
totaljs/framework: Node.js framework
flatiron/flatiron: framework components for node.js and the browser
techpines/express.io: Realtime Micro Framework for Nodejs
socketstream/socketstream: A framework for Realtime Web Apps
geddy/geddy: Web framework for Node.js

nest

nestjs/nest: A progressive Node.js framework for building efficient and scalable server-side applications on top of TypeScript & JavaScript (ES6, ES7, ES8) heavily inspired by Angular 😻🚀
NestJS - A progressive Node.js web framework

Nest教程

Nest —— Controllers - 掘金
[NestJS] 大前端Node层应用框架 之 NestJS英文官方文档解读笔记 (持续跟新ing - 掘金
Nest —— Providers - 掘金
Nest —— Modules - 掘金
Nest —— Middleware - 掘金
Nest —— Exception filters - 掘金
Nest —— Pipes - 掘金
Nest —— Guards - 掘金

pm2

pm2-logrotate

keymetrics/pm2-logrotate: Automatically rotate all applications logs managed by PM2

Unitech/pm2: Node.js Production Process Manager with a built-in Load Balancer.
PM2 - Home
pm2 实践指南 - 掘金

ThinkJS

介绍 - ThinkJS 文档
ThinkJS - 使用 ES6/7 特性开发 Node.js 项目,支持 TypeScript
thinkjs/thinkjs: Use full ES2015+ features to develop Node.js applications, Support TypeScript.

教你用node从零搭建一套微服务系统

教你用node从零搭建一套微服务系统(一) - 个人文章 - SegmentFault 思否
教你用node从零搭建一套微服务系统(二) - 个人文章 - SegmentFault 思否
教你用node从零搭建一套微服务系统(三) - 个人文章 - SegmentFault 思否
教你用node从零搭建一套微服务系统(四) - 个人文章 - SegmentFault 思否
burning0xb/common-service
burning0xb/node-service-common: 这是一个微服务通用节点
burning0xb/node-service-order: 这是一个微服务订单节点
burning0xb/node-service-account: 这是一个微服务账户节点
burning0xb/api-rest

内容管理框架

strapi

strapi/strapi: Node.js Content Management Framework (headless-CMS) to build powerful API with no effort.
Strapi - Node.js Headless CMS for building customizable API.

KingPixil/wing: Minimal, Responsive CSS Framework
ksky521/nodeppt: This is probably the best web presentation tool so far!
NetEase/pomelo: A fast,scalable,distributed game server framework for Node.js.
zhuyingda/veneno
Hexo - 快速,轻量,强大的 Node.js 博客框架 - 梦想天空(山边小溪) - 博客园
2015年最佳的15个 Node.js 开发工具 - 梦想天空(山边小溪) - 博客园
LoopBack – 开源的,可扩展的 Node.js 框架 - 梦想天空(山边小溪) - 博客园

nodeJS libs

antman

open-node/antman: Debug node.js process by client REPL on net socket and is silent
小工具大帮手,利用 @open-node/antman 实现 node.js 进程线上调试,无须重启 - 知乎

download-git-repo

flipxfx/download-git-repo: Download and extract a git repository (GitHub, GitLab, Bitbucket) from node.

¥dotenv

motdotla/dotenv: Loads environment variables from .env for nodejs projects.
motdotla/dotenv-expand: Variable expansion for dotenv. Expand variables already on your machine for use in your .env file.

¥excel

excel4node

natergj/excel4node: Node module to allow for easy Excel file creation

node-xlsx

mgcrea/node-xlsx: NodeJS excel file parser & builder

¥FormData

node-formidable

node-formidable/node-formidable: A node.js module for parsing form data, especially file uploads.

¥hexo

¥hexo-theme

LouisBarranqueiro/hexo-theme-tranquilpeak: A gorgeous responsive theme for Hexo blog framework
probberechts/hexo-theme-cactus: A responsive, clean and simple theme for Hexo.
ppoffice/hexo-theme-hueman: A redesign of Alx's wordpress theme hueman, ported to Hexo.
hexojs/hexo-theme-landscape: A brand new default theme for Hexo.
hexojs/hexo-theme-light: Default theme for Hexo
luuman/hexo-theme-spfk: Hexo双栏博客主题仓库 Another simple and elegant theme for Hexo.
ahonn/hexo-theme-even: A super concise theme for Hexo
miccall/hexo-theme-Mic_Theme: hexo theme
cofess/hexo-theme-pure: Hexo theme pure. It's a pure theme for Hexo.
Haojen/hexo-theme-Anisina: A simple responsive , support qiniu image cdn theme for hexo https://haojen.github.io/
fi3ework/hexo-theme-archer: a smart and modern theme for Hexo
shenliyang/hexo-theme-snippet: Snippet 简洁而不简单,也许是一款你寻找已久的hexo主题
ppoffice/hexo-theme-minos: A simple and retro styled Hexo theme, concentrated more on your ideas.
Kaijun/hexo-theme-huxblog: Ported Theme of Hux Blog
raytaylorlin/hexo-theme-raytaylorism: 一款Material Design风格的hexo主题
wzpan/hexo-theme-freemind: Most powerful bootstrap theme for hexo.
klugjo/hexo-theme-clean-blog: Hexo implementation of Clean Blog http://blackrockdigital.github.io/startbootstrap-clean-blog/index.html
Molunerfinn/hexo-theme-melody: A simple & beautiful & fast theme for Hexo.
Ben02/hexo-theme-Anatole: A white and simple Hexo theme, originated from a Farbox theme
Mrminfive/hexo-theme-skapp: The hexo flat design theme(扁平化简约主题)
yanm1ng/hexo-theme-vexo: 🍟 Vexo is a Hexo theme inspired by Vue's official website.
klugjo/hexo-theme-alpha-dust: 🌠 Original Futuristic Hexo Theme
chaooo/hexo-theme-BlueLake: A simple theme for Hexo with great performance on different devices .
aircloud/hexo-theme-aircloud: A concise hexo theme
iTimeTraveler/hexo-theme-hiero: An awesome magazine, blog theme for your Hexo site.
Fechin/hexo-theme-diaspora: Hexo theme, Blog theme, Clean, Responsive theme
kywk/hexo-theme-casper: Ghost Casper hexo port
EYHN/hexo-theme-one: hexo单页面炫酷主题
YenYuHsuan/hexo-theme-beantech: Ported theme of Hux Blog by Kaijun, Modified by YuHsuan

hexo-theme-next

dongyuanxin/theme-bmw: 🔥What? A very simple but practical hexo-theme!
董沅鑫的个人网站
iissnan/hexo-theme-next: Elegant theme for Hexo.
theme-next/hexo-theme-next: Elegant and powerful theme for Hexo.
NexT – Theme for Hexo

hexo-theme-yilia

litten/hexo-theme-yilia: 一个简洁优雅的hexo主题 A simple and elegant theme for hexo.
Litten的博客

hexo-theme-material

viosey/hexo-theme-material: Material Design theme for hexo.
neoFelhz's Blog

hexo-theme-icarus

ppoffice/hexo-theme-icarus: A simple, delicate, and modern theme for the static site generator Hexo.
Icarus

hexo-theme-indigo

yscoder/hexo-theme-indigo: 一个Material Design风格的Hexo主题。 https://imys.net/    备用:
Yusen's Blog | 学习弯道超车的技巧!
Yusen's Blog | 学习弯道超车的技巧!

hexo-theme-apollo

pinggod/hexo-theme-apollo: a clean and delicate hexo theme

hexojs/hexo: A fast, simple & powerful blog framework, powered by Node.js.
jaredly/hexo-admin: An Admin Interface for Hexo
EYHN/hexo-helper-live2d: Add the Sseexxyyy live2d to your hexo!
Hexo
文档 | Hexo
五星推荐的系列文章清单 - 掘金
如何使用Github+Hexo快速搭建个人博客 - 掘金

¥img

图像识别

制作一个Node命令行图像识别工具 - 掘金

import-local

sindresorhus/import-local: Let a globally installed package use a locally installed version of itself if available

Inquirer.js

SBoudrias/Inquirer.js: A collection of common interactive command line user interfaces.
inquirer - npm

¥jsdom

js-symbol-tree

jsdom/js-symbol-tree: Turn any collection of objects into its own efficient tree or linked list using Symbol

jsdom/jsdom: A JavaScript implementation of the WHATWG DOM and HTML standards, for use with node.js

¥JWT

Vue项目 使用拦截器和JWT验证 完整案例 - 掘金

looks-same

gemini-testing/looks-same: Node.js library for comparing images

lowjs

neonious/lowjs: A port of Node.JS with far lower system requirements. Community version for POSIX systems such as Linux, uClinux or Mac OS X.

less.js

zhaotoday/less.js: A Node.js MVC framework based on Koa.js. 基于 Koa.js 的 Node.js MVC 框架。
参考 Egg.js 造了个轮子 - Less.js - 前端 - 掘金

¥mock数据

nock

nock/nock: HTTP server mocking and expectations library for Node.js

mockery

mfncooper/mockery: Simplifying the use of mocks with Node.js

mock-require

boblauer/mock-require: Simple, intuitive mocking of Node.js modules.

nlp.js

axa-group/nlp.js: An NLP library built in node over Natural, with entity extraction, sentiment analysis, automatic language identify, and so more

npm-dom

npm-dom

¥network

http-parser-js

creationix/http-parser-js: A pure JS HTTP parser for node.

http-proxy

http-proxy - npm

modelproxy

papertiger8848/modelproxy: Model your proxy as you like.

node-fetch

bitinn/node-fetch: A light-weight module that brings window.fetch to Node.js

reverse proxy

redbird

OptimalBits/redbird: A modern reverse proxy for node

sockjs

sockjs/sockjs-client: WebSocket emulation - Javascript client
sockjs/sockjs-node: WebSocket emulation - Node.js server
javascript - 项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求 - SegmentFault 思否
vue-cli3 一直运行 /sockjs-node/info?t= 解决方案 - 实现丰盛 - 博客园

node-DeepSpeech

teamthesol/node-DeepSpeech: We provides 'Node' functions for easy use of 'Mozilla/DeepSpeech' STT.

node-glob

isaacs/node-glob: glob functionality for node.js
isaacs/node-glob: glob functionality for node.js
Glob Patterns匹配模式使用 - 掘金

¥node-rate-limiter

node-rate-limiter-flexible

animir/node-rate-limiter-flexible: Node.js rate limiter by key and protection from DDoS and Brute-Force attacks in process Memory, Redis, MongoDb, Memcached, MySQL, PostgreSQL, Cluster or PM

node-stream-throttle

tjgq/node-stream-throttle: A rate limiter for node.js streams.

node-throttle

TooTallNate/node-throttle: Node.js Transform stream that passes data through at `n` bytes per second

node-brake

substack/node-brake: throttle a stream with backpressure

jhurliman/node-rate-limiter: A generic rate limiter for node.js. Useful for API clients, web crawling, or other tasks that need to be throttled

node-archiver

archiverjs/node-archiver: a streaming interface for archive generation
Archiver Documentation
archiver - npm

Node-Excel-Export

functionscope/Node-Excel-Export: A simple node.js module for exporting data set to Excel xlsx file.

ora

sindresorhus/ora: Elegant terminal spinner

¥ORM 库

Sequelize

Sequelize core

Sequelize
sequelize/sequelize: An easy-to-use multi SQL dialect ORM for Node.js

Sequelize CLI

sequelize/cli: The Sequelize CLI

sequelize-auto

sequelize/sequelize-auto: Automatically generate bare sequelize models from your database.

Sequelize example

sequelize/express-example: A proposal for the usage of Sequelize within an Express.JS application.

学点后端知识之 Sequelize 中创建事务和🔐 - 掘金
详细易用的 Sequelize 解读 - 掘金
实践+源码分析完全理解 Sequelize,有详细例子!!! - 掘金

¥SSH 库

ssh2

mscdex/ssh2: SSH2 client and server modules written in pure JavaScript for node.js

node-ssh

steelbrain/node-ssh: SSH2 with Promises
node-ssh - npm

sharp

lovell/sharp: High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP and TIFF images. Uses the libvips library.
Home - sharp

taiko

getgauge/taiko: A node.js library to automate chrome/chromium browser
Taiko

tink

npm/tink: a dependency unwinder for javascript

volkswagen

auchenberg/volkswagen: Volkswagen detects when your tests are being run in a CI server, and makes them pass.

xlsx-template

optilude/xlsx-template: A NodeJS module to generate Excel files in .xlsx format from a template created with Excel itself

yazl

thejoshwolfe/yazl: yet another zip library for node

¥获取命令行参数

commander.js

tj/commander.js: node.js command-line interfaces made easy

minimist

substack/minimist: parse argument options

node-optimist

substack/node-optimist: Light-weight option parsing for node.js

shelljs

https://github.com/shelljs/shelljs
ShellJS
shelljs - npm

yargs

yargs/yargs: yargs the modern, pirate-themed successor to optimist.

Node.js 命令行程序开发教程 - 阮一峰的网络日志

¥文件操作

ctree-cli

ggwork/ctree-cli: The solution to list the contents of directories in a tree-like format
ctree-cli - npm

node-fs-extra

jprichardson/node-fs-extra: Node.js: extra methods for the fs object like copy(), remove(), mkdirs()
[包计划] node-fs-extra - 伤口上撒糖 - 博客园
node-"fs-extra"模块代替fs使用 - weixin_33968104的博客 - CSDN博客
fs | Node.js API 文档
fs-extra模块简要使用说明 | 空谷幽兰
node-fs-extra - npm
nodejs文件操作扩展fs-extra - 云+社区 - 腾讯云

ncp

ncp - npm
AvianFlu/ncp: Asynchronous recursive file copying with Node.js.

txs1992/node-copy-files: 🚀 Node-based library for copying files;基于 Node 一个复制文件或目录的库,大小不足 1 KB。
calvinmetcalf/copyfiles: copy files on the command line
dudada/copyFile: nodejs 编写的复制文件命令
dujuncheng/copy: 用node 遍历拷贝文件夹
Joyceandlee/operationDir: fs模块实现文件及文件夹的删除,拷贝,扁平化
coderaiser/fs-copy-file: Nodejs fs.copyFile ponyfill
coderaiser/fs-readdir-with-file-types: fsPromises.readdir withFileTypes ponyfill https://nodejs.org/dist/latest-v10.x/docs/api/fs.html#fs_fspromises_readdir_path_options
coderaiser/fs-copy-file-sync: Nodejs fs.copyFileSync ponyfill
coderaiser/fs-readdir-sync-with-file-types: fs.readdirSync withFileTypes ponyfill https://nodejs.org/dist/latest-v10.x/docs/api/fs.html#fs_fs_readdirsync_path_options

¥安全

safeify

Houfeng/safeify: 让你的 Node 应用安全的隔离的执行非信任的用户自定义代码。
safeify/DOC.md at master · Houfeng/safeify

¥开发C++

libuv

libuv/libuv: Cross-platform asynchronous I/O
libuv | Cross-platform asynchronous I/O
Welcome to the libuv documentation — libuv documentation

node-gyp

nodejs/node-gyp: Node.js native addon build tool

nan

nodejs/nan: Native Abstractions for Node.js

node-addon-api

nodejs/node-addon-api: Module for using N-API from C++
N-API | Node.js v13.7.0 Documentation
C++ Addons | Node.js v13.7.0 Documentation
N-API | Node.js v12.14.1 Documentation

将C++代码加载到JavaScript中 - 掘金
readthedocs/readthedocs.org: The source code that powers readthedocs.org
首页 | Read the Docs

Automattic/node-canvas: Node canvas is a Cairo backed Canvas implementation for NodeJS.
DeviaVir/zenbot: Zenbot is a command-line cryptocurrency trading bot using Node.js and MongoDB.
erhutime/MsgAllTime: 演示项目
zeeshanu/dumper.js: A better and pretty variable inspector for your Node.js applications

nodeJS projects

¥服务端渲染

node服务端渲染(完整demo) - 掘金

Node.js to browser

bokub/lyo: 📦 Node.js to browser - The easy way

ncc

zeit/ncc: Node.js Compiler Collection

NodeTemplate

LLBTeam/NodeTemplate: node template project

node-elm

bailicangdu/node-elm: 基于 node.js + Mongodb 构建的后台系统

node-fs

bailicangdu/node-fs: 基于node搭建的文件/图片管理系统

node-red

node-red/node-red: Low-code programming for event-driven applications

Throttle

dmolsen/Throttle: Throttle is a simple node.js app that makes it easier to test how a website performs on poor network connections. For example, testing a responsive website on a poor 3G connection without actually having to have a poor 3G connection. Sim
dmolsen.com

Requarks/wiki: Wiki.js | A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown
ElemeFE/node-interview: How to pass the Node.js interview of ElemeFE.
answershuto/Rental: 🏠 Rental app base on Node.js
sahat/hackathon-starter: A boilerplate for Node.js web applications
NodeBB – 基于 Node.js 的开源论坛系统 - 梦想天空(山边小溪) - 博客园
johntitus/node-horseman: Run PhantomJS from Node
用Node+wechaty写一个爬虫脚本每天定时给女(男)朋友发微信暖心话 - 掘金

nodeJS资源 & 整理集 & FAQ

¥nodeJS 资源

脚手架的开发总结 - 掘金
一篇文章构建你的 NodeJS 知识体系 - 掘金
【入门必备】最佳的 Node.js 学习教程和资料书籍 - 梦想天空(山边小溪) - 博客园
轻量级配置中心Nodejs版 - 掘金
sindresorhus/awesome-nodejs: Delightful Node.js packages and resources
24个很赞的 Node.js 免费教程和在线指南 - 梦想天空(山边小溪) - 博客园
【干货分享】Node.js 中文资料导航 - 梦想天空(山边小溪) - 博客园
【特别推荐】Node.js 入门教程和学习资源汇总 - 梦想天空(山边小溪) - 博客园
「万字整理 」这里有一份Node.js入门指南和实践,请注意查收 ❤️ - 掘金
node.js中文资料导航_node-js,资源分享_whqet-CSDN博客

¥nodeJS 整理集

Nodejs教程

Nodejs教程01:Nodejs简介 - 掘金
Nodejs教程02:response.write - 掘金
Nodejs教程03:File System - 掘金
Nodejs教程04:使用http和fs模块实现一个简单的服务器 - 掘金
Nodejs教程05:HTTP协议 - 掘金
Nodejs教程06:处理接收到的GET数据 - 掘金
Nodejs教程07:处理接收到的POST数据 - 掘金
Nodejs教程08:同时处理GET/POST请求 - 掘金
Nodejs教程09:实现一个带接口请求的简单服务器 - 掘金
Nodejs教程10:Nodejs的模块化 - 掘金
Nodejs教程11:assert(断言) - 掘金
Nodejs教程12:path(路径) - 掘金
Nodejs教程13:URL模块 - 掘金
Nodejs教程14:querystring模块 - 掘金
Node。js教程15:net模块初探 - 掘金
Nodejs教程16:POST文件上传 - 掘金
Nodejs教程17:multiparty - 掘金
Nodejs教程18:Ajax跨域 - 掘金
Nodejs教程19:WebSocket之一:使用Socket.io建立WebSocket应用 - 掘金
Nodejs教程20:WebSocket之二:用原生实现WebSocket应用 - 掘金
Nodejs教程21:数据库入门 - 掘金
Nodejs教程22:使用Nodejs操作数据库 - 掘金
Nodejs教程23:使用async/await异步操作数据库 - 掘金
Nodejs教程24:Stream流 - 掘金
Nodejs教程25:启动器 - 掘金
Nodejs教程26:Node.js项目之一:创建目录,环境配置,连接数据库 - 掘金
Nodejs教程27:Node.js项目之二:实现路由 - 掘金
Nodejs教程28:Node.js项目之三:实现服务器 - 掘金
Nodejs教程29:Node.js项目之四:添加路由,完成项目 - 掘金

使用 nodejs 写爬虫

使用 nodejs 写爬虫(-): 常用模块介绍和前置JS语法 - 掘金
使用 nodejs 写爬虫(-): 常用模块介绍和前置JS语法 - 掘金
使用 nodejs 写爬虫(二): 抓取 github 热门项目 - 掘金

node基础与开发web程序

node基础---01异步和事件触发 - 掘金
node基础---02DIRT程序 - 掘金
node基础---03node编程基础 - 掘金
node开发web程序---04构建node web程序 - 掘金
node开发web程序---05存储node程序的数据 - 掘金
node开发web程序---06Connect - 掘金

node实战前端缓存总结 - 掘金

¥nodeJS FAQ

HTTP客户端

【Node.js】 使用express配置静态web服务、http客户端以及get与post基本用法 - 章鱼仔的博客
node.js中express模块创建服务器和http模块客户端发请求 - jadeshu的博客
node.js中express模块创建服务器和http模块客户端发请求 - jadeshu - 博客园

文件操作

复制、删除文件 & 文件夹

node.js 递归复制文件夹(附带文件过滤功能) - Mr.聂 - 博客园
Node.JS循环递归复制文件夹目录及其子文件夹下的所有文件 - OurJS
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件_node.js_脚本之家
nodejs实现文件的拷贝复制 - 飘然离去 - 博客园
node删除或者复制文件夹的内容 - a641832648的博客 - CSDN博客
Node.js fs模块(文件模块),创建、删除目录(文件),读取写入文件流 - houyanhua1的专栏 - CSDN博客

文件路径

浅析 NodeJs 的几种文件路径 · Issue #48 · imsobear/blog
关于Node.js的__dirname,__filename,process.cwd(),./文件路径的一些坑 - 个人文章 - SegmentFault 思否
javascript - Node __dirname, process.cwd() are reporting actual directory instead of symlinked one - Stack Overflow
nodejs __dirname 与 process.cwd()的区别-布布扣-bubuko.com
process.cwd()和__dirname的区别 - 简书
Node中的__dirname与process.cwd() - yanzel的专栏 - CSDN博客
nodejs __dirname 与 process.cwd(); 的区别 - ISaiSai的专栏 - CSDN博客
NodeJs中process.cwd()与__dirname的区别 - Tim晨 - 博客园
node中__dirname、__filename、process.cwd()、process.chdir()表示的路径_慕课手记
Nodejs中process.cwd()与__dirname的区别-云栖社区-阿里云
__dirname和process.cwd()的区别 - 简书

检测端口

利用Node.js检测端口是否被占用的方法_node.js_脚本之家

问答方式学 Node.js - 掘金
问答方式学 Node.js(二) - 掘金
成为自信的node.js开发者(一) - 掘金
成为自信的node.js 开发者 (二) - 掘金
PhantomJS not found on PATH_慕课问答
Node.js 进程平滑离场剖析 - 掘金
Node.js环境性能监控 - 掘金
全国到底有多少人在看直播?我用Node写了个爬虫统计了一下 - 掘金

$NW.js

NW.js
nwjs/nw.js: Call all Node.js modules directly from DOM/WebWorker and enable a new way of writing applications with all Web technologies.

$NativeScript

NativeScript/NativeScript: NativeScript is an open source framework for building truly native mobile apps with JavaScript. Use web skills, like Angular and Vue.js, FlexBox and CSS, and get native UI and performance on iOS and Android.
Native mobile apps with Angular, Vue.js, TypeScript, JavaScript - NativeScript

$omi

Tencent
Tencent/omi: Next generation web framework in 4kb JavaScript (Web Components + JSX + Proxy + Store + Path Updating)
腾讯开源 | Tencent Open Source
omi/packages at master · Tencent/omi
Omi 多端开发之 - omip 适配 h5 原理揭秘 - 掘金

$React.js

React.js core

boilerplate

euler-ui/boilerplate: BoilerPlate for React Projects.
boilerplate/README-zh.md at master · euler-ui/boilerplate

create-react-app

¥create-react-app core

facebook/create-react-app: Create React apps with no build configuration.
create-react-app/README.md at master · facebook/create-react-app
Create React App 2.0: Babel 7, Sass, and More – React Blog
Getting Started · Create React App
Create React App · Set up a modern web app by running one command.
tuchk4/awesome-create-react-app: Awesome list of Create React App articles / tutorials / videos and FAQ
Adding TypeScript · Create React App
parksben/react-spa-app: An single-page app skeleton in React, main structures comes from Create-React-App.
create-react-app/README.md at master · facebook/create-react-app
Effective JavaScript Codemods – Christoph Nakazawa – Medium
create-react-app/adding-custom-environment-variables.md at master · facebook/create-react-app
bkeepers/dotenv: A Ruby gem to load environment variables from `.env`.
Code Splitting in Create React App | Serverless Stack
Customizing create-react-app: How to Make Your Own Template

¥react-scripts

firstlookmedia/react-scripts: ⚙ shared react app configs
humanmade/react-wp-scripts: Integrate create-react-app with your WordPress theme/plugin.
SZzzzz/react-scripts-ts-antd: scripts for create-react-app base on react-scripts-ts
dozoisch/react-async-script: A React composition mixin for loading 3rd party scripts asynchronously
raymondsze/create-react-scripts: Easily extend the react-scripts to your own version of react-scripts
jpavon/react-scripts-ts: @jpavon/react-scripts-ts, react-scripts with ts-loader and type checker on a separate process.
ro-savage/react-scripts-cssmodules: Enable CSS Modules for Create-React-App using the official CRA api
pagarme/react-scripts-former-kit-dashboard: 📊 A custom react-scripts for building highly-customizable dashboards using former-kit components

¥style

在 Create React App 中使用 CSS Modules - 掘金
在 Create React App 中启用 Sass 和 Less - 掘金

create-react-app-antd

ant-design/create-react-app-antd: Use antd in create-react-app without ejecting ✨
Ant Design - A UI Design Language
在 create-react-app 中使用 - Ant Design

create-react-app-typescript

wmonk/create-react-app-typescript: DEPRECATED: Create React apps using typescript with no build configuration.
Migrating from create-react-app-typescript to Create React App · Vincent Tunru.com

create-react-pwa

jeffposnick/create-react-pwa: https://github.com/facebookincubator/create-react-app + Progressive Web App goodness
PWA-ification, via SWPrecacheWebpackPlugin + manifest.json by jeffposnick · Pull Request #1728 · facebook/create-react-app

customize-cra

arackaf/customize-cra: Override webpack configurations for create-react-app 2.0

handy-make

xiyuyizhi/handy-make: a tool for create react apps,support common use features,inspired by vue-cli and create-react-app

react-app-rewired

timarney/react-app-rewired: Override create-react-app webpack configs without ejecting
create-react-app 初始化的项目,如何启用 babelrc 配置文件 - 掘金

roadhog

sorrycc/roadhog: 🐷 Cli tool for creating react apps, configurable version of create-react-app.
roadhog 2.0 发布 · Issue #55 · sorrycc/blog

roadhog-api-doc

nikogu/roadhog-api-doc
roadhog-api-doc/utils.js at master · nikogu/roadhog-api-doc

react-gh-pages

gitname/react-gh-pages: Deploying a React App (created using create-react-app) to GitHub Pages
React App

react-refresh-webpack-plugin

pmmmwh/react-refresh-webpack-plugin: A Webpack plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.

¥FAQ

如何扩展 Create React App 的 webpack 配置 - Hacker and Geeker's Way
在 create-react-app 中启用装饰器语法 - 掘金
开发 react 应用最好用的脚手架 create-react-app - QTFYING的博客 - CSDN博客
扔掉Create React App,打造你自己的React生成工具! - 前端 - 掘金
如何扩展 Create React App 的 Webpack 配置 - 掘金
快速搭建你的 github pages 个人博客 —— 基于 Create-React-App 的单页面应用实践 - 掘金
create-react-app 配置antd - 简书
create-react-app项目添加less配置 - SegmentFault 思否
create-react-app 配置 less - 简书
基于create-react-app的再配置 - 小火柴的蓝色理想 - 博客园
通过create-react-app从零搭建react环境 - 个人文章 - SegmentFault 思否
create-react-app 配置文件在什么位置呢?_慕课猿问
Create-react-app创建的项目,不使用npm run eject将webpack.config文件暴露出来,可以模块化引用css么 - 求助 - React 中文
create-react-app踩坑记 - -鹿- - 博客园
0.8.0 breaks svg sprite · Issue #1153 · facebook/create-react-app
Decorator is not supported! · Issue #214 · facebook/create-react-app
Easily Add an Babel Plugin · Issue #411 · facebook/create-react-app
Document maintaining a fork of react-scripts as an alternative to ejecting · Issue #682 · facebook/create-react-app
create-react-app 使用技巧及源码分析 - 掘金

esetnik/customize-cra-react-refresh: Provides a simple, no frills way to integrate react-refresh into your create-react-app using customize-cra.

create-react-class

create-react-class - npm

doc&api

¥Context

react-context-global-store

eleme/react-context-global-store: A simple global store based on React context

create-react-context

jamiebuilds/create-react-context: Polyfill for the proposed React context API

Context – React
Context – React
重拾React: Context - 掘金
基于React Context Api 和 Es6 Proxy的状态管理 - 掘金
React状态管理之Context - 掘金
(译)React ⚛️ 新的 Context API - 掘金
使用 react Context API 的正确姿势 - 掘金
React 老版本的context API使用对比 - 掘金
New version of context by acdlite · Pull Request #2 · reactjs/rfcs
Legacy Context – React

¥doc & api core

React 16.0

重拾React: React 16.0 - 掘金

React Top-Level API

React Top-Level API – React

Concurrent 模式

Concurrent 模式介绍 (实验性) – React
React Concurrent 模式抢先预览下篇: useTransition 的平行世界 - 掘金

¥生命周期

React v16.3新生命周期

React v16.3新生命周期 - clf_programing - CSDN博客
【译】React16.3+ 生命周期 - xiaozhuo_tang的博客 - CSDN博客
React16.3后的生命周期理解 - xjl271314的博客 - CSDN博客
(/≧▽≦/)馒头加梨子!
React生命周期及事件详解 - 明明的博客 - CSDN博客
React.Component – React
Update on Async Rendering – React Blog
不了解一下React16.3的新生命周期? - 掘金
ReactV16.3即将更改的生命周期_慕课手记

React 16.4 之后的生命周期

React 组件生命周期详解 - 掘金
ReactUtilsDemo/react-component-lifecycle at master · beichensky/ReactUtilsDemo

react-lifecycles-compat

reactjs/react-lifecycles-compat: Backwards compatibility polyfill for React class components

React 生命周期浅谈 - 掘金
图解React的生命周期及执行顺序 - 掘金
React新旧生命周期一览 · Issue #3 · YvetteLau/Blog
React v16 生命周期函数详解:如何、何时使用它们(React 组件生命周期的修订和最新指南) - 掘金
React v16 生命周期函数详解:如何、何时使用它们(React 组件生命周期的修订和最新指南) - 掘金
react-pxq/react-lifecycle.png at master · bailicangdu/react-pxq
React生命周期执行顺序详解 - xiaobe - 博客园
来谈谈Reactv16.3新生命周期知识点及遇到的问题 - html/css语言栏目:html.css - 红黑联盟
你真的了解 React 生命周期吗 - 掘金
JavaScript实现自定义的生命周期 - 掘金
React 新旧生命周期的思考理解 - 知乎

facebook/react: A declarative, efficient, and flexible JavaScript library for building user interfaces.
React - A JavaScript library for building user interfaces
React 中文文档 - 用于构建用户界面的 JavaScript 库
React 中文
reactjs/cn.reactjs.org: (Work in progress) React documentation website in Chinese
React integration for ASP.NET MVC | ReactJS.NET
reactjs/zh-hans.reactjs.org: (Work in progress) React documentation website in Simplified Chinese
docschina/react: React docs in Chinese | React 中文文档翻译
discountry/react: React docs in Chinese | React 中文文档翻译
React 中文文档 - 用于构建用户界面的 JavaScript 库
React 中文文档 - 用于构建用户界面的 JavaScript 库
React 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云
reactjs/rfcs: RFCs for changes to React
Issues · facebook/react
React 组件 API | 菜鸟教程
DOM Elements – React
传递函数给组件 - React
yiminghe/learning-react: materials about learning react

¥events

SyntheticEvent – React
合成事件(SyntheticEvent) – React 中文文档 v16.6.3
处理事件 – React 中文文档 v16.6.3
【React深入】React事件机制 - 掘金
React 事件和 Dom 事件 - 掘金
为何要在componentDidMount里面发送请求? - 掘金
Where to Fetch Data: componentWillMount vs componentDidMount
React数据获取为什么一定要在componentDidMount里面调用? - sfq_a的回答 - SegmentFault 思否

¥Fiber

fre

132yse/fre: Fast 1kb JavaScript library with Fiber and hooks API
fre-document

React Fiber源码分析

React Fiber源码分析 第一篇 - 掘金
React Fiber源码分析 第二篇(同步模式) - 掘金
React Fiber源码分析 第三篇(异步状态) - 掘金
React Fiber源码分析 第四篇(归纳总结) - 掘金

react fiber 主流程及功能模块梳理 - 掘金
React Fiber 数据结构揭秘 - 掘金

¥Hooks

Hooks core

useState

useEffect

精读《useEffect 完全指南》 - 掘金

useContext

useReducer

useReducer使用和原理_文摘资讯-CSDN博客

useCallback

useMemo

useRef

useImperativeMehtods / useImperativeHandle

useLayoutEffect

React Hooks 详解 【近 1W 字】+ 项目实战 - 掘金
React Hook 内置 API 指南 非常详细_qq_36586702的博客-CSDN博客
Introducing Hooks – React

Hooks 教程

在小程序中使用 React with Hooks - 掘金
React Hooks 起手式,实现一个「高颜值实用」的色彩设计工具 - 掘金
[译] 如何测试 React Hooks ? - 掘金
「ReactNaitve」对hooks最佳实践的探索 - 掘金
通过简单的示例来理解React Hook - 前端 - 掘金
React Hooks入门: 基础 - 掘金
React hooks实践 - 掘金
关于React Hooks,你不得不知的事 - 掘金
如何在受控表单组件上使用 React Hooks - 前端 - 掘金
一次完整的react hooks实践 - 掘金
React State Hooks的闭包陷阱,在使用Hooks之前必须掌握 - 掘金
React 进阶系列:Hooks 该怎么用 - 掘金
React教程之高阶组件 - 掘金
React Hooks全面理解教程 - 前端 - 掘金
React Hooks 札记 - 掘金
React教程:组件,Hooks和性能 - 掘金
【翻译】在 React Hooks 中如何请求数据? - 掘金
在Canvas中使用React Hooks - 掘金
weekly/79.精读《React Hooks》.md at master · dt-fe/weekly
weekly/80.精读《怎么用 React Hooks 造轮子》.md at master · dt-fe/weekly
【译】如何在React Hooks中获取数据? - 掘金
使用React Hooks你可能会忽视的作用域问题 - 掘金
X 为啥不是 hook? - 掘金
Render Props and Hooks - 掘金
初探React Hooks & SSR改造 - 掘金
React Hooks 入门教程 - 阮一峰的网络日志
Thinking in React Hooks
jvvkoo8pq3 - CodeSandbox
How to fetch data with React Hooks? - RWieruch
React Hooks 的用法 - 掘金
在react native中使用hooks - 掘金
blog/hooks.md at vuepress · hentaicracker/blog
你可能不知道的 React Hooks

Hooks projects

yjdjiayou/react-hooks-qunar-demo: 仿去哪儿网火车票移动端项目(React Hooks 版)

runtime-hooks

gaoding-inc/runtime-hooks: 🔗 Utils for JS runtime hooking & injecting.
基于原型链劫持的前端代码插桩实践 - 知乎

react-hanger

kitze/react-hanger: A small collection of useful hooks for React 16.7
一个很有意思的hook库:react-hanger - 掘金

react-loops

leebyron/react-loops: React Loops works with React Hooks as part of the React Velcro Architecture
React Loops 尝鲜 - 掘金

react-use

streamich/react-use: React Hooks — 👍
Components | < UseKey > - Demo ⋅ Storybook

sunflower

ant-design/sunflower: 支付宝行业前端在使用的中台流程组件
sunflower

usehooks

gragland/usehooks: Easy to understand React Hook code recipes
useHooks - Easy to understand React Hook recipes

use-debounce

xnimorz/use-debounce: A debounce hook for react

umijs/hooks

umijs/hooks: React Hooks Library
@umijs/hooks
Umi Hooks - 助力拥抱 React Hooks

use-immer

immerjs/use-immer: Use immer to drive state with a React hooks

React Hooks 与 Immutable 数据流实战 - 神三元 - 掘金小册

¥memoization

You Probably Don't Need Derived State – React Blog
en.wikipedia.org

¥PropTypes

reactjs - Static propTypes not working under ES6 - Stack Overflow
webpack打包错误, Unexpected token: static propTypes... - SegmentFault 思否
react.js - 这两种写属性验证propTypes的方法是一回事吗 - SegmentFault 思否
【react】利用prop-types第三方库对组件的props中的变量进行类型检测 - 外婆的彭湖湾 - 博客园
react中ES6语法报错:static propTypes,static defaultProps :modulbuild failed:SyntaxError - 飞碟儿的博客 - CSDN博客
React Native 系列(六) -- PropTypes - Scott_Mr - 博客园
React中静态类型校验-PropTypes学习 - suwu150 - CSDN博客
react中使用prop-types检测props数据类型 - 简书
PropTypes 和组件参数验证 | React.js 小书
React PropTypes 定义组件的属性类型和默认属性 - 卓原的进化之旅 - CSDN博客
使用 PropTypes 进行类型检查 - React

¥PureComponent

React性能优化:PureComponent的使用原则 - 掘金
React PureComponent 使用指南 - 前端 - 掘金
PureComponent 使用注意事项以及源码解析 - 掘金

¥props & state

getDefaultProps和getInitialState

React的getDefaultProps和getInitialState - 看风景就 - 博客园
​设置默认getDefaultProps()报错_慕课问答

props

[译]我们为什么要写 super(props)? - 掘金
javascript - react这个什么意思<Messages {...this.props}/> - SegmentFault 思否
react render propsGetter - 掘金
[译]为什么要写 super(props) - 掘金

state

setState

深入研究React setState的工作机制 - DanceOnBeat - 博客园
React 之 setState - CSDN博客
React.Component – React
setState详解 - CSDN博客
React浅谈setState - 掘金
[React技术内幕] setState的秘密 - 掘金
[译]react的setState如何知道该做什么 --Dan Abramov - 掘金
【React深入】setState的执行机制 - 掘金

horseshoe/不可变属性.md at master · veedrin/horseshoe

react中父级props改变,更新子级state的多种方法 - 打伞路人 - 博客园
React父组件更新props触发子组件的state - 简书

¥Ref

Refs and the DOM – React
react16——ref & dom - abc的博客 - CSDN博客
学习React中ref的两个demo示例_javascript技巧_脚本之家
React ref的用法 - 看风景就 - 博客园
react16中ref的使用 - 马优晨 - CSDN博客
reactjs - React.createRef always null - Stack Overflow
React中ref的使用 - 简书
React 中的转发ref - 简书
React16.3中的Refs和Forwarding Refs - liwusen的博客 - CSDN博客
React学习笔记(三):引用(Refs)& DOM - 一个大神的发展史 - CSDN博客
React ref 指北教程 - 掘金
[React翻译]Refs and the DOM - 掘金
React 之 Refs 详解 - 掘金

¥React事务

React事务的一些理解 - 掘金

¥React Suspense & React.lazy()

react-suspense-polyfill

transitive-bullshit/react-suspense-polyfill: Polyfill for the React Suspense API 😮
react-suspense-polyfill

Code-Splitting – React
React v16.6.0: lazy, memo and contextType - React Blog
Async React using React Router & Suspense – ITNEXT
深度理解 React Suspense - 掘金

¥React HTTP

AJAX and APIs – React

¥React DOM

ReactDOM – React

¥Virtual Dom & React Diff

React Diff/Render

React 渲染优化:diff 与 shouldComponentUpdate - 掘金
[译] Virtual Dom 和 Diff 算法在 React 中是如何工作的? - 掘金
让虚拟DOM和DOM-diff不再成为你的绊脚石 - 掘金

你不知道的Virtual DOM

你不知道的Virtual DOM(一):Virtual Dom介绍 - 前端大宝剑 - SegmentFault 思否
你不知道的Virtual DOM(二):Virtual Dom的更新 - 前端大宝剑 - SegmentFault 思否
你不知道的Virtual DOM(三):Virtual Dom更新优化 - 前端大宝剑 - SegmentFault 思否
你不知道的Virtual DOM(四):key的作用 - 前端大宝剑 - SegmentFault 思否
你不知道的Virtual DOM(五):自定义组件 - 前端大宝剑 - SegmentFault 思否
你不知道的Virtual DOM( 六):事件处理&异步更新 - 前端大宝剑 - SegmentFault 思否

Topic: virtual-dom
从零开始一步一步写一个简单的Virtual DOM实现 2 :Props&Event处理 - 某熊的全栈之路 - SegmentFault 思否
Vue原理解析之Virtual Dom - Joe - SegmentFault 思否

facebook react-native

¥react-native core

create-react-native-app

react-community/create-react-native-app: Create a React Native app on any OS with no build config.
expo/expo-cli: Tools for making Expo apps
Issues · expo/expo-cli

React Native 中文网
facebook/react-native: A framework for building native apps with React.
React Native · A framework for building native apps using React

¥react-native projects

Gakki

Gakki (@shuiRong@cmx.im) - 长毛象中文站
shuiRong/Gakki: A React Native App for Mastodon. development acount in cmx.im:

¥react-native libs、plugins&tools

react-native-refreshable-listview

jsdf/react-native-refreshable-listview: Deprecated. A pull-to-refresh ListView which shows a loading spinner while your data reloads

react-three-fiber

react-spring/react-three-fiber: ☘️ React renderer for Threejs (web and react-native)

react-native-drawer-layout

react-native-community/react-native-drawer-layout: A platform-agnostic drawer layout for react-native

react-native-drawer-layout-polyfill

react-native-community/react-native-drawer-layout-polyfill: A polyfill for React Natives DrawerLayoutAndroid

react-native-order-flat-list

thisXY/react-native-order-flat-list: react-native拖动排序列表

react-native-scaling-utils

tiaanduplessis/react-native-scaling-utils: Simple scaling utilities for React Native

react-native-fetch-polyfill

robinpowered/react-native-fetch-polyfill: Exposes options to React Native's XMLHttpRequest that are not accessible by `whatwg-fetch`

react-native-custom-fonts

atoami/react-native-custom-fonts: 📚 React Native Custom Fonts

react-native-multibar

alex-melnyk/react-native-multibar: React Native MultiBar

react-native-animated-view

thisXY/react-native-animated-view: 你可以像jQuery那样只给结果样式就能操作各种动画,你可以控制每一个样式的动画时间、动画函数甚至每一帧等。总之,你可以随意搭配轻松如意地操纵react-native动画。

react-native-swiper

leecade/react-native-swiper: The best Swiper component for React Native.

FAQ

【reaact-native】android启动屏幕等比缩放与剪裁 | 师峰的博客
【译】React Native - 同步和异步渲染性能 - 掘金
【译】React Native中的动画渐变 - 掘金
React Native 中的状态栏 - 掘金
React Native工程中TSLint静态检查工具的探索之路 - 掘金
【译】React Native布局原理(以及Fabric将做出的改变) - 掘金
定制化你的ReactNative底部导航栏 - 掘金
React Native教程01:简介及环境准备 - 掘金
React Native教程02:基础组件和样式介绍(完结) - 掘金
[译] React Native 中那些令我收获颇丰的痛点 - 掘金
React Native学习资源全家桶 - ReactNative开发圈 - SegmentFault 思否
如何在 React Native + React Navigation 的项目中优雅地处理 Android 回退按钮事件 - 前端 - 掘金
React Navtive App 自动打包实践指南 - 前端 - 掘金
react native 的初次尝试之环境搭建 Mac ios - 掘金
React Native 原生模块封装:支付宝示例 - 掘金
React Native列表视图FlatList使用优化实践指南 - 掘金
react native 重构 clicli APP 总结 - 掘金

flow

facebook/flow: Adds static typing to JavaScript to improve developer productivity and code quality.
Flow: A Static Type Checker for JavaScript
Getting Started | Flow

jsx

styled-jsx

zeit/styled-jsx: Full CSS support for JSX without compromises
styled-jsx - npm

Topic: jsx
[译] JSX 的替代方案 - 掘金
重拾JSX - 掘金

redux

redux core

reduxjs/redux: Predictable state container for JavaScript apps
Read Me - Redux
www.redux.org.cn
jasonslyvia/a-cartoon-intro-to-redux-cn: 看漫画,学 Redux。不写一行代码,轻松看懂 Redux 原理!
redux v4.0.0 源码分析 - 掘金
不一样的redux源码解析 - 掘金
用少量代码实现redux核心部分及其演化历史 - 掘金
用最基础的方法讲解 Redux 实现原理 - 掘金
Redux源码初探 - 掘金
自述 · GitBook
applyMiddleware · Redux
Redux的全家桶与最佳实践 - 知乎
实现撤销重做 · Redux

react-redux

react-redux-starter-kit

davezuko/react-redux-starter-kit: Get started with React, Redux, and React-Router.

react-redux项目实战教程 · GitBook (Legacy)
庖丁解牛React-Redux(一): connectAdvanced - 掘金
庖丁解牛React-Redux(二): connect - 掘金
react-redux 文档 · GitBook
reduxjs/react-redux: Official React bindings for Redux
React Redux · Official React bindings for Redux
react-redux源码解析 - 掘金

redux-actions

Read Me - redux-actions
redux-utilities/redux-actions: Flux Standard Action utilities for Redux.

redux-debounced

ryanseddon/redux-debounced: Debounce middleware for Redux

redux-debounce

wyze/redux-debounce: FSA-compliant middleware for Redux to debounce actions.
redux-debounce - npm

redux-devtools-extension

zalmoxisus/redux-devtools-extension: Redux DevTools extension.
Extension · Redux DevTools Extension

redux-immutable

gajus/redux-immutable: redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state.
indexiatech/redux-immutablejs: Redux Immutable facilities.

redux-logger

LogRocket/redux-logger: Logger for Redux

redux-observable

Introduction · redux-observable
redux-observable/redux-observable: RxJS middleware for action side effects in Redux using "Epics"
使用 redux-observable 实现组件自治 - 掘金

redux-persist

rt2zz/redux-persist: persist and rehydrate a redux store

redux-react-firebase

tiberiuc/redux-react-firebase: Use Firebase with React and Redux in ES6
redux-react-firebase/API.md at master · tiberiuc/redux-react-firebase

redux-saga

redux-saga/redux-saga: An alternative side effect model for Redux apps
初级教程 · Redux-Saga
API 参考 · Redux-Saga
redux-saga 实践总结 - 知乎
Redux Saga实践
javascript – 使用redux-saga与ES6发电机vs redux-thunk与ES7 async/await的优点/缺点 - 代码日志
javascript – 编写一个与redux / redux-saga共享数据的HoC - 代码日志
从redux-thunk到redux-saga实践 - 不挑食的程序员 - SegmentFault 思否

redux-promise

redux-utilities/redux-promise: FSA-compliant promise middleware for Redux.

rematch

rematch/rematch: A Redux Framework
Getting Started · Rematch

reduce-reducers

redux-utilities/reduce-reducers: Reduce multiple reducers into a single reducer from left to right

redux-rx

acdlite/redux-rx: RxJS utilities for Redux.

reselect

reduxjs/reselect: Selector library for Redux

standard-redux-shape

ecomfe/standard-redux-shape: A library to help standardize your redux state shape

redux FAQ

React + Redux 性能优化(一):理论篇 - 掘金
React + Redux 性能优化(二)工具篇: Immutablejs - 掘金
Redux + Immutable.js 性能优化 - 掘金
10行代码看尽redux原理 —— 全面剖析redux | react-redux | redux中间件设计实现(近8k字) - 掘金
React通过redux缓存列表数据以及滑动位置,回退时恢复页面状态 - 掘金
Redux 基础教程以及结合 React 使用方式 - 掘金
为什么react-redux没有更新hooks API - 掘金
通俗易懂地理解Redux - 掘金
Redux开发实用教程 - 掘金
RxJS与Redux结合使用(一):打造自己的redux-observable - 掘金
react-redux/redux相关API,用法原理 - 掘金
react-redux的使用从action规划到reducer实现及完整案例 - Marswill - CSDN博客
Redux与它的中间件:redux-thunk,redux-actions,redux-promise,redux-sage - qq_42606051的博客 - CSDN博客
Redux、Redux-Thunk、Redux-Sagas、React-Redux学习笔记 - WJ的博客 - CSDN博客
Redux 入门教程(一):基本用法 - 阮一峰的网络日志
Redux 入门教程(二):中间件与异步操作 - 阮一峰的网络日志
Redux 入门教程(三):React-Redux 的用法 - 阮一峰的网络日志
一起动手造轮子: Redux + React Redux - 知乎
redux-thunk, redux-logger 阮一峰 ( react中间件 ) - 小小公举 - 博客园
造玩具学原理系列 | redux 源码解析及模拟实现 - 掘金
喵了个咪!redux middleware居然如此简单! - 掘金

react-router

connected-react-router

supasate/connected-react-router: A Redux binding for React Router v4

react-router-dom

react-router/packages/react-router-dom at master · ReactTraining/react-router
react-router-dom - npm
React Router DOM 中文文档(一) - 简书
React Router DOM 中文文档(二) - 简书
react-router-dom示例讲解(一)——基本使用 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(二)——url路径参数 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(三)——认证功能 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(四)——自定义链接 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(五)——阻止导航 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(六)——未匹配(404页面) - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(七),路径递归 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(8)侧边栏 - mapbar_front的博客 - CSDN博客
react-router-dom示例讲解(9)模糊匹配 - mapbar_front的博客 - CSDN博客
react通过react-router-dom拦截实现登录验证 - przlovecsdn的博客 - CSDN博客
react-router-dom v^4学习历程(一) - 前端技术交流 - SegmentFault 思否
在React中使用react-router-dom路由 - 简书
React-Router-DOM 4.x 的使用 - 优雅的博客 - CSDN博客
使用react-router-dom 来搭建react路由 - 一叶*秋 - 博客园
react-router-dom嵌套路由_qq_40816649的博客-CSDN博客

react-router-config

react-router/README.md at master · ReactTraining/react-router
react-router-config - npm
react-router-config 插件使用和分析 - qq_33325899的博客 - CSDN博客
react-router4基于react-router-config的路由拆分与按需加载 - 简书
利用react-router4的react-router-config做路由鉴权 - 个人文章 - SegmentFault 思否

react-router-5-course

ReactTraining/react-router-5-course

ReactTraining/react-router: Declarative routing for React
React Router: Declarative Routing for React.js
React Router: Declarative Routing for React.js
React Router: Declarative Routing for React.js
React Router: Declarative Routing for React.js
docschina/react-router.cn: [印记中文](https://docschina.org/) - 🌐 react-router 中文文档
Introduction | React Router 中文文档
API 文档 | React Router 中文文档
react-router.cn
Deployment · Create React App
前端路由实现及 react-router v4 源码分析 · Issue #21 · fi3ework/blog
Protecting a route with react-router-config? · Issue #4962 · ReactTraining/react-router
如何实现一个react-router路由拦截(导航守卫) - 掘金
【译】手摸手写一个你自己的 React Router v4 - 掘金
实现react-router v4(上) - 掘金
React Router v5.1.x中的新功能 - 掘金
dva学习-route路由学习 - Visonws的博客 - CSDN博客
React-Router4.X路由的嵌套以及实例_pckonline的博客-CSDN博客
react-router4中嵌套路由的写法_weixin_39963132的博客-CSDN博客
Newest 'react-router' Questions - Stack Overflow
javascript - reactjs - can not read property push of undefined - Stack Overflow
react router4.0实现登录拦截 - 爱情博物馆
利用react-router实现按需加载、登录验证、刷新组件。。。 - 每天一探 - SegmentFault 思否
React Router 4.0 ---- 嵌套路由和动态路由 - SamWeb - 博客园

react组件库

$react-component

react-component

form

react-component/form: React High Order Form Component(web & react-native)
rc-form@2.4.4 - React High Order Form Component

Material Components Web

Develop for the Web - Material Design

pri

prijs/pri: Powerful toolkit for building react applications/component

react-modal

pradel/react-responsive-modal: Simple responsive react modal
bodyflex/react-native-simple-modal: A simple JavaScript modal component for React Native.

React Toolbox

React Toolbox首页、文档和下载 - Material 风格的 React 组件 - 开源中国社区
react-toolbox/react-toolbox: A set of React components implementing Google's Material Design specification with the power of CSS Modules
alexhisen/mobx-forms-demo
MobX Forms · MobX Forms

React Components by Khan Academy

React Components
Khan/react-components

react-progressbar

kimmobrunfeldt/react-progressbar.js: Responsive and slick progress bars for React.
mathieudutour/react-progress-button: Simple react.js component for an inline progress indicator
abdennour/react-progressbar: Basic progress bar in React.js

react-widgets

jquense/react-widgets: An à la carte set of polished, extensible, and accessible inputs built for React
React Widgets

rsuite

RSUITE 3 | React Suite | 一套 React 的 UI 组件库
RSUITE | React Suite | 一套 React 的 UI 组件库
rsuite/rsuite: A suite of React components .
React Suite 做了一个有意思的决定 - 掘金
开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件 - 掘金

react-window

bvaughn/react-window: React components for efficiently rendering large lists and tabular data
react-window

React Belle

Belle - Configurable React Components with great UX
nikgraf/belle: Configurable React Components with great UX
Belle - Configurable React Components with great UX

reactopt

reactopt/reactopt: A CLI React performance optimization tool that identifies potential unnecessary re-rendering

react-messenger

sejr/react-messenger: Chat UX components built with React, inspired by Facebook Messenger

rc-tools

react-component/rc-tools: Tools For React Component

the-platform

tippy.js-react

atomiks/tippy.js-react: React component for Tippy.js

$结构型

$UI

antd

¥antd 源码解读

antd 源码解读 notification - 掘金

¥设计资源

设计资源 - Ant Design
antd-init/examples/local-iconfont at master · ant-design/antd-init

1x.ant.design

Ant Design - 一个 UI 设计语言

ant design pro

Ant Design - 开箱即用的中台前端/设计解决方案
ant-design/ant-design-pro: 👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
分析页 - Ant Design Pro

Ant Design React

Ant Design of React - Ant Design
快速上手 - Ant Design
ant-design/ant-design: 🐜 A UI Design Language
Ant Design - A UI Design Language
Ant Design - 一个 UI 设计语言
Ant-Tool 简介 | Ant-Tool 简介
Ant Design 实战教程(beta 版) · 语雀

ant-design-mobile

ant-design/ant-design-mobile: A configurable Mobile UI
Ant Design Mobile - 移动端设计规范
Ant Design Mobile - 移动端设计规范

antd-theme-generator

mzohaibqc/antd-theme-generator: This script is to generate color.less file to update color related css in browser.
React App

HiTu

解放图形化设计生产力 - HiTu - 知乎

¥FAQ

antd 兼容性

IE8 下报错不能使用 · Issue #28 · ant-tool/atool-build
IE8下antd组件无法加载, default 在IE8下是关键字? · Issue #858 · ant-design/ant-design
antd-init/webpack.config.js at f5fb9479ca973fade51fd6754e50f8b3fafbb1df · ant-design/antd-init
IE9 下 Spin 组件报错 · Issue #6512 · ant-design/ant-design
Mention 使用到 draft 导致 IE 下无法访问 · Issue #3400 · ant-design/ant-design

记一次 Ant Design Menu组件的使用与深入 - 掘金
『小帮厨』- React+AntD项目实战 - 掘金
React引入AntD按需加载报错 - Chellyyy - 博客园

Material-UI

Material UI首页、文档和下载 - Material Design 的 React 实现 - 开源中国社区
mui-org/material-ui: React components that implement Google's Material Design.
mui-org/material-ui: React components that implement Google's Material Design.
The world's most popular React UI framework - Material-UI

Semantic UI React

Semantic-Org/Semantic-UI-React: The official Semantic-UI-React integration
Introduction - Semantic UI React

Onsen UI

OnsenUI/OnsenUI: Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
React UI Components by Onsen UI Hybrid Mobile App Framework - Onsen UI

React-Bootstrap

React Bootstrap首页、文档和下载 - React 构建的 Bootstrap 3 组件 - 开源中国社区

React Grommet

Grommet
Components | Grommet
grommet/grommet: Focus on the essential experience
Grommet

evergreen

segmentio/evergreen: 🌲 Evergreen React UI Framework by Segment
Evergreen
Evergreen

amazeui-react

amazeui/amazeui-react: Amaze UI components built with React.js.
Amaze UI React - Amaze UI components build with React

cuke-ui

🥒 黄瓜 UI: 一个即插即用的 React 组件库 - 掘金
cuke-ui/cuke-ui: 🥒 黄瓜ui:一个即插即用的React UI 库
🥒 CUKE UI : 一个即插即用的 React UI 库

Fusion

Fusion Design

可配置组件库Fusion Design 了解一下 - 掘金
Fusion Design
登录

Next 组件

alibaba-fusion/next: A configurable component library for web built on React.
Fusion Design

前端之巅
走近Fusion组件——无限滚动 - 掘金

react-bootstrap

react-bootstrap/react-bootstrap: Bootstrap components built with React
https://react-bootstrap.github.io

blueprint

palantir/blueprint: A React-based UI toolkit for the web
Blueprint – A React-based UI toolkit for the web

react-desktop

gabrielbull/react-desktop: React UI Components for macOS High Sierra and Windows 10
React Desktop | React UI Components for OS X El Capitan and Windows 10

reactstrap

reactstrap/reactstrap: Simple React Bootstrap 4 components
reactstrap - React Bootstrap 4 components

rebass

rebassjs/rebass: React primitive UI components built with styled-system.
Rebass

elemental

elementalui/elemental: A flexible and beautiful UI framework for React.js
Elemental UI

react-md

mlaursen/react-md: React material design
react-md

primereact

primefaces/primereact: PrimeReact is a collection of rich UI components for React
PrimeReact

mor

monajs/mor: Mona系列 - React移动端组件库
Mor - 让你感到幸福的 React 组件库

theme-ui

system-ui/theme-ui: Build consistent, themeable React apps based on constraint-based design principles
Theme UI

z-ui

zhongmeizhi/z-ui: 一个用Typescript + React Hooks写的"UI库"🌌,主要采用蓝色色调,寻找一起coding的小伙伴。⭐喜欢请star,欢迎fork,有Bug和建议请留言。

$WAI-ARIA

downshift

downshift-js/downshift: 🏎 Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components
Downshift
kentcdodds/downshift-examples: Created with CodeSandbox

$编辑器

¥代码编辑器

react-codemirror2

scniro/react-codemirror2: Codemirror integrated components for React

react-monaco-editor

superRaytin/react-monaco-editor: Monaco Editor for React.

¥富文本编辑器

react-quill

zenoamaro/react-quill: A Quill component for React.
React-quill

braft-editor

margox/braft-editor: 美观易用的React富文本编辑器,基于draft-js开发
Braft Editor | 基于DraftJS的强扩展性React富文本编辑器

react-markdown-editor-lite

HarryChen0506/react-markdown-editor-lite: 一款轻量的基于React的markdown编辑器。a light-weight Markdown editor based on markdown-it and React
手把手教你造一个基于React的markdown编辑器 - 掘金

$拾色器

color-picker

react-component/color-picker: React ColorPicker
rc-color-picker@1.2.6 - color-picker ui component for react

react-color

React Color
casesandberg/react-color: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

$页面 meta 属性

react-helmet

nfl/react-helmet: A document head manager for React

react-document-title

gaearon/react-document-title: Declarative, nested, stateful, isomorphic document.title for React

$二维码

qrcode.react

zpao/qrcode.react: A <QRCode/> component for use with React.

$顶部进度条

nprogress

rstacruz/nprogress: For slim progress bars like on YouTube, Medium, etc
NProgress: slim progress bars in JavaScript

pace

HubSpot/pace: Automatically add a progress bar to your site. #hubspot-open-source
HubSpot/pace: Automatically add a progress bar to your site. #hubspot-open-source
PACE
PACE — Automatic page load progress bars

$右键菜单

react-contextmenu

vkbansal/react-contextmenu: Context Menu implemented in React
React ContextMenu

react-contexify

fkhadra/react-contexify: Add a context menu to your react app with ease
https://fkhadra.github.io/react-contexify/

$分割面板

react-split-pane

tomkp/react-split-pane: React split-pane component
react-split-pane

$骨架屏

reakit

Reakit: React UI Toolkit
reakit/reakit: Toolkit for building really interactive UIs with React

react骨架屏 - 掘金

$表现型

$charts

¥可视化图表

BizCharts

alibaba/BizCharts: Powerful data visualization library based on G2 and React.
Bizcharts-基于商业场景下的数据可视化解决方案

echarts-for-react

hustcc/echarts-for-react: baidu Echarts(v3.0 & v4.0) components for React wrapper. 一个简单的 echarts(v3.0 & v4.0) 的 react 封装。
incubator-echarts/index.js at master · apache/incubator-echarts
ECharts Documentation
echarts-for-react - npm
react-echarts-v3 - npm
xlsdg/react-echarts-v3: React.js(v16.x+) component wrap for ECharts.js(v3.x+)
echarts-for-react

recharts

recharts/recharts: Redefined chart library built with React and D3
Recharts

victory

FormidableLabs/victory: A collection of composable React components for building interactive data visualizations
Victory | Home

¥可视化图编辑器

GGEditor

gaoli/GGEditor: A visual graph editor based on G6 and React

dagre-d3

React项目中使用dagre-d3 - 掘金

gantt

hustcc/gantt-for-react: Frappe Gantt components for React wrapper. 一个简单的甘特图 React 组件封装。
codejamninja/react-gantt: A gantt chart for react
DHTMLX/react-gantt-demo: dhtmlxGantt with ReactJS
JavaScript Gantt Chart Library - dhtmlxGantt

react-boilerplate-dashboard

Soumil07/react-boilerplate-dashboard: A functional boilerplate dashboard for Discord bots.

react3dtagcloud

react3dtagcloud - npm
crazylxr/3dtagcloudforeact: 基于 react 的 3d 标签云

react-chartjs

reactjs/react-chartjs: common react charting components using chart.js

react-canvas

Flipboard/react-canvas: High performance <canvas> rendering for React components

vx

hshoff/vx: 🐯react + d3 = vx | visualization components
vx | visualization components

$Emoji

emoji-mart

missive/emoji-mart: One component to pick them all 👊🏼
Emoji Mart 🏬 | One component to pick them all

$list

¥虚拟列表

使用 React + Rxjs 实现一个虚拟滚动组件 - 前端 - 掘金

react-native-nlist

janiokq/react-native-nlist: 原生Listview Native lListView react-native encapsulation Memory recovery reusing High performance

$Markdown 渲染

mdxjs

mdx-js/mdx: JSX in Markdown for ambitious projects
jxnblk/mdx-deck: MDX-based presentation decks
MDX
mdx-deck
lorenseanstewart/nextjs-mdx-blog-kit: Starter code for creating a static blog system using Next.js and MDX. A service worker for offline reading is set up, and the blog has Perfect Lighthouse scores.
eggheadio/gatsby-starter-egghead-blog: This is an example Gatsby blog site that we use as a reference at egghead.

react-markdown

react-markdown
rexxars/react-markdown: Render Markdown as React components

$Navigation

React Navigation

react-navigation/react-navigation: Routing and navigation for your React Native apps
React Navigation · Routing and navigation for your React Native apps
『React Navigation 3x系列教程』createDrawerNavigator开发指南 - 掘金
React Navigation 构建 Android 和 iOS 统一的 UI - 掘金

react-slider-kit

M-Izadmehr/react-slider-kit: react-slider-kit is going to be a comprehensive solution to slider feature in react.
react-slider-kit

react-animated-navigator

MartinPham/react-animated-navigator: Easier way to make React router transitions

slider

react-component/slider: React Slider

$SVG

react-svg-inline

MoOx/react-svg-inline: A React component to inline your SVG

svg-loaders-react

ajwann/svg-loaders-react: React implementation of the SVG Loaders library by Sam Herbert

SVGR

SVGR - The React to SVG transformer
smooth-code/svgr: Transform SVGs into React components 🦁

$布局

@rebass/grid

rebassjs/grid: Responsive React grid system built with styled-system

react-blocks

whoisandy/react-blocks: A higher-level react component to manage complex layouts using flexbox.
React Blocks

react-flexbox-grid

roylee0704/react-flexbox-grid: A set of React components implementing flexboxgrid with the power of CSS Modules.
React Flexbox Grid

react-spreadsheet-grid

denisraslov/react-spreadsheet-grid: An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns
React Spreadsheet Grid

$响应式

¥react resize

react-window-resize-listener

cesarandreu/react-window-resize-listener: React component for listening to window resize events
arjunskumar47/react-window-resize-listener: This React component can be used to execute some tasks when the window resize event is triggered.

react-component-resizable

nrako/react-component-resizable: A React component to implement cross-browser event based resize detection

zzarcon/react-resize-observer-hook: ResizeObserver + React hooks
zalando-stups/react-automatic-width: Automatically sets `width` property on child components
LeetCode-OpenSource/react-resize-context: ⚡️A high performance React component for responding to resize event
quarterto/react-element-breakpoints: Element Queries in React, using the ResizeObserver polyfill.
maslianok/react-resize-detector: A Cross-Browser, Event-based, Element Resize Detection for React
FezVrasta/react-resize-aware: ⇲👁 A simple React Hook which allows to listen the resize event of any target element when it changes sizes

react-responsive

contra/react-responsive: Media queries in react for responsive design

react-media

ReactTraining/react-media: CSS media queries for React
react-media - npm

$图标

react-fa

andreypopp/react-fa: Font Awesome icons as React components
https://andreypopp.github.io/react-fa/

react-icons

react-icons/react-icons: svg react icons of popular icon packs
react-icons

react-spinners

react-spinners by davidhu2000 · Bit

$代码高亮

react-syntax-highlighter

conorhastings/react-syntax-highlighter: syntax highlighting component for react with prismjs or highlightjs ast using inline styles
React Syntax Highlighter Demo

$地图

google-map-react

google-map-react/google-map-react: Google map library for react that allows rendering components as markers
React map

react-google-maps

tomchentw/react-google-maps: React.js Google Maps integration component
React Google Maps Style Guide

react-amap

ElemeFE/react-amap: 基于 React 封装的高德地图组件。AMap Component Based On React.
React AMap — 基于 React 的高德地图组件

$表格&表单

¥可拖放表格列表

react-beautiful-dnd

atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React

dayz

nathanstitt/dayz: A calendar component for React

fixed-data-table

react-datepicker

Hacker0x01/react-datepicker: A simple and reusable datepicker component for React
ReactJS Datepicker crafted by HackerOne

react-debounce-input

nkbt/react-debounce-input: React component that renders Input with debounced onChange

react-event-calendar

dptoot/react-event-calendar: A React calendar component to display events
react-event-calendar - React JS component that will display supplied event data within a calendar view of a given month.

react-big-calendar

intljusticemission/react-big-calendar: gcal/outlook like calendar component
Webpack App
arecvlohe/rbc-with-dnd-starter: A starter app for react-big-calendar with drag and drop addon.
arecvlohe/rbc-starter: A plain ole' react-big-calendar.

react-select

JedWatson/react-select: The Select Component for React.js
React Select

react-nice-dates

hernansartorio/react-nice-dates: A responsive, touch-friendly, and modular date picker library for React.
React Nice Dates

pheromone/suoyisuo: React Native 收起-展开
kresent/react-native-tabbed-menu

$趋势线&时间线

react-sparklines

borisyankov/react-sparklines: Beautiful and expressive Sparklines React component

react-event-timeline

rcdexta/react-event-timeline: A responsive event timeline in React.js

$关键字高亮

react-highlight-words

bvaughn/react-highlight-words: React component to highlight words within a larger body of text
react-highlight-words

$行为型

$Chat

Chat-React

Chat-React基于react的聊天会话组件 - 掘金
Hzy0913/chat-react: chat react chat component

$drag&drop

react-dnd

react-dnd/react-dnd: Drag and Drop for React
React DnD
React DnD
react-dnd 用法详解 - 掘金
React-DnD 的使用 - scarletsky
React-DnD 的使用 - scarlex - SegmentFault 思否

react-sortable-hoc

clauderic/react-sortable-hoc: A set of higher-order components to turn any list into an animated, touch-friendly, sortable list ✌️
React Sortable Higher-order Components

react-dragline

zcued/react-dragline: Guide lines and magnetic adsorption to better align draggable elements in React.

react-smooth-dnd

kutlugsahin/react-smooth-dnd: react wrapper components for smooth-dnd

react-dnd-scrollzone

azuqua/react-dnd-scrollzone: A smooth scrolling container for draggable items
react-dnd-scrollzone - npm

react-dnd-html5-backend

react-dnd/react-dnd-html5-backend: HTML5 backend for React DnD [Legacy Repo]

react-dnd-touch-backend

yahoo/react-dnd-touch-backend: Touch Backend for react-dnd.

react-draggable-tags

YGYOOO/react-draggable-tags: A draggable component for react
一个可拖拽的React标签组件 - 掘金
react-draggable-tags

$events

react-point

ReactTraining/react-point: Fast touch events for React
react-point - npm

react-event-listener

oliviertassinari/react-event-listener: A React component for binding events on the global scope.

react-hammerjs

JedWatson/react-hammerjs: ReactJS / HammerJS integration. Support touch events in your React app.

react-event

pinnacle/react-event: Declarative way to handle events outside / inside of React Component.

react-event-components

pagarme/react-event-components: 🛰 A set of React components designed to handle global events (interval, keyboard, touch, mouse, etc)

react-key-handler

ayrton/react-key-handler: React component to handle keyboard events
react-key-handler

react-touch-events

jerrybendy/react-touch-events: Enable tap / swipe events for react

react-hotkeys

jaywcjlove/react-hotkeys: React component to listen to keydown and keyup keyboard events, defining and dispatching keyboard shortcuts.
react-hot-keys 1.3.0 Demo

react-track

ecomfe/react-track: A declarative, component based solution to track page views and user events with react & react-router

react-keyboard-event-handler

linsight/react-keyboard-event-handler: A React component for handling keyboard events

react-outside-event

gajus/react-outside-event: A higher order React component that attaches an event listener for events that occur outside of the component element.

react-ckeditor

codeslayer1/react-ckeditor: CKEditor component for React with plugin and custom event listeners support

react-higher-event

bloodyowl/react-higher-event: Declarative API to listen to events outside of a component

react-compose-events

lucasconstantino/react-compose-events: A Higher-Order Component factory to attach outside event listeners

react-touch

phil303/react-touch: React wrapper components that make touch events easy

react-document-events

STRML/react-document-events: Declarative method for binding handlers to document and window - and cleaning them up.

react-with-tap-events

hartmamt/react-with-tap-events

react-swipe-events

iamham/react-swipe-events: Swipe (Touch) event for react component as npm package
react-swipe-events - npm

retracked

coursera/retracked: Event tracking for React components

react-events

jhudson8/react-events: Declarative managed event bindings for react components

react-window-mixins

szymonkaliski/react-window-mixins: React mixins for working with browser window events

react-eventproxy

HuaRongSAO/react-eventproxy: react 观察者模式 事件监听发布,用于夸组件之间信息交互

react-brasil/awesome-react-events-br: Awesome list of React events in Brazil.

$files

Draft

Draft.js · Rich Text Editor Framework for React

react-native-fs

itinance/react-native-fs: Native filesystem access for react-native

react-pdf-js

mikecousins/react-pdf-js: A React component to wrap PDF.js

$react 上传&下载

dropzone-拖拽上传

react-dropzone/react-dropzone: Simple HTML5 drag-drop zone with React.js.
felixrieseberg/React-Dropzone-Component: ReactJS Dropzone for File Uploads (using Dropzone.js)

liuyuanquan/react-fileupload: react版本的图片上传,支持拖拽和删除,用来复习Drag,Drop,File,XHR2

$react http

reacthttp

hienduyph/reacthttp: A fancy, lightweight and universal http module for react. ReactHttp built on top of fetch, provides a high level implentations for REST

react-request

jamesplease/react-request: Declarative HTTP requests for React

SuperMarioChen/axios-redux: 在react中用axios请求到redux

react-query

tannerlinsley/react-query: ⚛️ Hooks for fetching, caching and updating asynchronous data in React

$RxJS

rx-react

fdecampredon/rx-react: ReactJS bindings for RxJS

$复制到剪贴板

react-copy-to-clipboard

nkbt/react-copy-to-clipboard: Copy-to-clipboard React component

$应用国际化

react-intl

React小知识(3) - 国际化中碰到的问题 - 掘金
String without FormattedMessage · Issue #749 · yahoo/react-intl
yahoo/react-intl: Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.
API · yahoo/react-intl Wiki

react-intl-universal

alibaba/react-intl-universal: Internationalize React apps. Not only for React.Component but also for Vanilla JS.

记一次大型React项目的国际化方案探索 - 掘金

$路由

found

4Catalyzer/found: Extensible route-based routing for React applications

mo-react-router

func-star/mo-react-router: Mona系列 - react-router

Navi

Navi – A JavaScript router and static renderer

react-loadable

jamiebuilds/react-loadable: A higher order component for loading components with promises.
react-loadable - npm
stratiformltd/react-loadable-visibility: A wrapper around react-loadable and loadable-components to load elements once they are visible on the page.
loading-context - CodeSandbox
使用 react-loadable 在 React 项目中实现 Code Splitting - 前端 - 掘金

reach

Reach Router - Overview
reach/router

react-router-breadcrumbs-hoc

icd2k3/react-router-breadcrumbs-hoc: A tiny, flexible, HOC for rendering route breadcrumbs with react-router 4.x https://codesandbox.io/s/yq79m4zqlv

react-keeper

vifird/react-keeper: A routing library of React.

$图片裁切

react-image-crop

DominicTobias/react-image-crop: A responsive image cropping tool for React

$格式化输入输出

react-moment

headzoo/react-moment: React component for the moment date library.

text-mask

text-mask/text-mask: Input mask for React, Angular, Ember, Vue, & plain JavaScript
Text Mask: Conform user input to a string mask

$动画

¥loading

React 写一个 spinner 圆形加载动画 - 掘金

react-move

react-tools/react-move: React Move 🌀 Beautiful, data-driven animations for React
React-Move

react-motion

chenglou/react-motion: A spring that solves your animation problems.

react-transition-group

reactjs/react-transition-group: An easy way to perform animations when a React component enters or leaves the DOM
React Transition Group

tween-one

单元素动画 TweenOne - Ant Motion
react-component/tween-one: Animate One React Element
rc-tween-one@2.2.22 - tween-one anim component for react

$存储

react-native-cookies

joeferraro/react-native-cookies: Cookie manager for React Native

react-history

ReactTraining/react-history: Manage session history with React
react-history - npm

$滚动、滑动

¥无限滚动

antd-table-infinity

Leonard-Li777/antd-table-infinity: An infinite scroll component based on antd-table that supports virtual scrolling

React Virtualized

bvaughn/react-virtualized: React components for efficiently rendering large lists and tabular data
react-virtualized

found-scroll

4Catalyzer/found-scroll: Scroll management for found

mor-scroll-watcher

func-star/mor-scroll-watcher: Mona系列 - React滚动监听器

react-router-scroll

taion/react-router-scroll: React Router scroll management

scroll-behavior

taion/scroll-behavior: Pluggable browser scroll management

对于封装react组件的一些思考 - 掘金

react project

¥react-native

react-native-mapbox-gl

mapbox/react-native-mapbox-gl: A Mapbox GL react native module for creating custom maps

shifeng1993/react-native-start
Android 真机搭建 React-Native 环境踩坑记录 - 掘金

¥React 全家桶

react-universal-bucket

liangklfangl/react-universal-bucket: 该文章来源于我的github文章全集,欢迎star

如何搭建一个REACT全家桶框架 - 掘金
duxianwei520/react: React+webpack+redux+ant design+axios+less全家桶后台管理框架

¥React Admin Template

matx-react

uilibrary/matx-react: Matx React Redux Material Design Admin Dashboard Template
React App

手把手带你搭建React16+Router+Redux-saga+Antd后台管理系统 - 掘金

¥spring与react整合

springboot与react(前后端整合) - CSDN博客
Spring Boot与React集成 - CSDN博客
react.js - java后端如何与react配合 - SegmentFault 思否
React+SpringBoot项目部署 - CSDN博客
React与Springboot整合问题整理。 - CSDN博客
Springboot+React+antd开发问题记(一) - CSDN博客
Springboot+React项目跨域访问问题 - CSDN博客
springboot+scala+react-CSDN下载
Spring集成React用来开发前端----SpringMVC + react 开发实时测试 - CSDN博客
react实现前后台数据交互 - CSDN博客
使用spring boot restful + react antd - CSDN博客
2018最新springcloud springboot svn react视频-CSDN下载
Springboot2.0+Spring5.0 react 初体验 - CSDN博客
关于Springboot项目整合前端react框架遇到的问题梳理 - CSDN博客
Springboot+Vue 的前后端分离与合并方案 - CSDN博客
Spring集成React用来开发前端----maven项目中用webpack打包react相关组件 - CSDN博客
React.js 与 Spring Data REST(一)(官方文档翻译) - CSDN博客
基于JVM使用React.js和Spring Boot建立同构的Web应用 - CSDN博客
phelpsyacht/react-springboot2-app: 运行登录与注册功能的app的RN前端, 后台https://github.com/phelpsyacht/springboot2-react-app-spring-security
phelpsyacht/springboot2-react-app-spring-security: 运行登录与注册功能的RN app的服务端 集成了springboot2,spring-security,jwt, 前端https://github.com/phelpsyacht/react-springboot2-app

¥webpack打包&多页面

React多页面应用

React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等) - CSDN博客
React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等) - CSDN博客
React多页面应用3(webpack4 多页面实现) - CSDN博客
React多页面应用4(webpack4 提取第三方包及公共组件) - CSDN博客
React多页面应用5(webpack4 多页面自动化生成多入口文件) - CSDN博客
React多页面应用6(webpack4 开发环境打包性能初提升) - CSDN博客
React多页面应用7(webpack4 生产环境配置) - CSDN博客
React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等) - CSDN博客
React多页面应用9(webpack4 引入eslint代码检查) - CSDN博客
(源码开放) React + webpack3 多页面应用 及 常见问题解答 - CSDN博客
okeyue的博客 - CSDN博客
React多页面应用1(​webpack开发环境搭建,包括Babel、热更新等) - CSDN博客
React多页面应用2(处理CSS及图片,引入postCSS,及图片处理等) - CSDN博客
React多页面应用3(webpack性能提升,包括打包性能、提取公共包等) - CSDN博客
React多页面应用4(webpack自动化生成多入口页面) - CSDN博客
React多页面应用5(webpack生产环境配置,包括压缩js代码,图片转码等) - CSDN博客
React多页面应用6(gulp自动化发布到多个环境、生成版本号、压缩成zip等) - CSDN博客
React多页面应用7(引入eslint代码检查) - CSDN博客
前端人人
前端人人
前端人人
前端人人
前端人人
前端人人
前端人人
React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)
前端人人

webpack2 打包 react - CSDN博客
react+webpack多页面程序-CSDN下载

flow-web

FlowCI/flow-web: flow.ci frontend web based on React
flow.ci

Instagram

React全栈之Instagram开源视频教程 - 掘金

mengya

manyuewuxin/mengya: 一个类知乎文章方面的应用项目

made with react.js

React.js Showcase - Made With React.js

react-tetris

chvin/react-tetris: Use React, Redux, Immutable to code Tetris. 🎮
T E T R I S

React-Player

danielbarion/React-Player: One audio player build with ReactJS and Web Audio API
Audio Player

react-elm

liuyangjike/react-elm
chenjinxinlove/react-elm: Vue2-elm 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用https://github.com/bailicangdu/vue2-elm 的react实现版本 学习之用

react-trello-board

web-pal/react-trello-board: Trello like board based on React, Redux, React-dnd
React-Trello-Board

react-jump-start

kmhigashioka/react-jump-start: A redux-less boilerplate inspired by @kentcdodds, @mxstbr and @ryanflorence.

react-cloud-music

sanyuan0704/react-cloud-music: React 16.8打造精美音乐WebApp
React打造精美WebApp

¥signal

前端-react-订单列表和评价功能-慕课网-源码-css - 简书
trazyn/weweChat: 💬 Unofficial WeChat client built with React, MobX and Electron.
jixianu/EasyFun: a project using react antd webpack es6
Juliiii/React-Cnode: react-cnode 初学react的作品
nargusbao/2018-react-demo-2
nargusbao/2018-react-demo-1: 预览地址:
shinima/battle-city: 🎮 Battle city remake built with react.
welearnmore/simple-react: 最小React启动单元
onfuns/JGold: 掘金轻客户端
React16.6和Typescript高仿B站Web移动端 - 掘金
DesignRevision/shards-dashboard-react: ⚛️A free and beautiful React admin dashboard template pack.
vadimdemedes/ink: 🌈 React for interactive command-line apps
ValleyZw/tree: Top 100 Documentaries App with React Hooks and Material-UI
React + Electron 搭建一个桌面应用 - 掘金
开源 react + koa + mysql 设计的简约风格的个人博客 - 掘金
React写个GitHub项目管理面板 - 掘金
bailicangdu/react-pxq: 一个 react + redux 的完整项目 和 个人总结
jhen0409/react-chrome-extension-boilerplate: Boilerplate for Chrome Extension React.js project
开发一个React + Electron应用 - 掘金
AnomalyInnovations/serverless-stack-demo-client at code-splitting-in-create-react-app

React Tools

$HTM

htm

HTM - JSX 的替代品?还是另一种选择? - 掘金
babel-plugin-htm - npm
developit/htm: Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
精读《Htm - Hyperscript 源码》 - 掘金

jsxobj

developit/jsxobj: Build JSON using JSX 🌈 (may contain blood magic)

lit-html

lit-html - Visual Studio Marketplace

omi-html

omi/packages/omi-html at master · Tencent/omi

UNPKG

UNPKG

vhtml

developit/vhtml: Render JSX/Hyperscript to HTML strings, without VDOM 🌈
vhtml - npm

developer.mozilla.org
Configuration Languages

$Immutable state

immutable

使用immutable优化React - 前端 - 掘金
immutability-helper 插件的基本使用(附源码) - 掘金

react-copy-write

aweary/react-copy-write: ✍️ Immutable state with a mutable API

$react npm

create-react-npm-component

deltaskelta/create-react-npm-component: CLI tool for creating a React JS component for distribution

npm-react-component-starter

nmartinezb3/npm-react-component-starter: Base project for creating React components and publish them to npm.

react-npm-component-starter

markusenglund/react-npm-component-starter: A minimal boilerplate for building a react component for npm, including a demo page.

react-npm-component-boilerplate

lindgr3n/react-npm-component-boilerplate: Boilerplate to create npm react components

$react全家桶

react-family

brickspert/react-family: react全家桶框架
从零搭建React全家桶框架教程 · Issue #1 · brickspert/blog

react-curd

awaw00/react-curd: 【React全家桶入门系列文章项目】http://blog.csdn.net/awaw00/article/category/6692955
【 分类 】- React全家桶入门 - 一韬的React实验室 - CSDN博客

$react-devtools

React Scope

(翻译)React Scope介绍 - 掘金

react-perf-devtool

nitin42/react-perf-devtool: A browser developer tool extension to inspect performance of React components.

facebook/react-devtools: An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools.
reduxjs/redux-devtools: DevTools for Redux with hot reloading, action replay, and customizable UI
aeksco/react-typescript-chrome-extension-starter: A Chrome Extension starter kit built with React, TypeScript, SCSS, Storybook, Jest, EsLint, Prettier, Webpack and Bootstrap

$state management

DvaJS

DvaJS
dvajs/dva: 🌱 React and redux based, lightweight and elm-style framework. (Inspired by elm and choo)
Topic: dva
React生态,dva源码阅读 - 掘金
dva应用中reducers和effects的单元测试实战 - 掘金
react-dva学习 --- 用实例来入门 - 掘金
dva/packages/dva-loading at master · dvajs/dva

easy-peasy

ctrlplusb/easy-peasy: Vegetarian friendly state for React
Easy Peasy

mirror

mirrorjs/mirror: A simple and powerful React framework with minimal API and zero boilerplate.

react-control-center

react-control-center,再一次颠覆你对状态管理的认识 - 知乎
Package - react-control-center
Package - react-control-center
fantasticsoul/react-control-center: without redux、mobx and etc, writing react app with cc mode is a funny way also, it's definitely worth doing! cc is more than a state management framework ^_^
fantasticsoul/rcc-simple-demo: show you guys how react-control-center works
[react-control-center tutorial 1] 启动cc - 掘金
cc来了,下一代react状态管理解决方案,你准备好了吗 - react-control-center - SegmentFault 思否
react-control-center,再一次颠覆你对状态管理的认识 - 掘金
[react-control-center tutorial 2] 动态配置模块 - 掘金
[react-control-center tutorial 3] 数据驱动视图的灵魂setState - 掘金
react-control-center 怎样渐进式的改写你的组件 - 掘金
[react-control-center] register函数说明 - 掘金
[react-control-center 番外篇1] ant-design-pro powered by C_C - 掘金
fantasticsoul/rcc-antd-pro: ant-design-pro powered by react-control-center

react-powerplug

renatorib/react-powerplug: Renderless Containers
React PowerPlug
精读《React PowerPlug 源码》 - 掘金

react-stdio

ReactTraining/react-broadcast: Reliably communicate state changes to deeply nested React elements
react-broadcast - npm

smox

132yse/smox: Fast 1kB state management used New context api and Proxy which is similar to Vuex.

stamen

forsigner/stamen: A React state management library Based on Hooks

Unstated

jamiebuilds/unstated: State so simple, it goes without saying

结合具体场景,聊聊 React 的状态管理方案 - 掘金
React状态管理大乱斗,横向对比Dva,Rematch,Mirror - 掘金

$虚拟DOM

rawact

sokra/rawact: [POC] A babel plugin which compiles React.js components into native DOM instructions to eliminate the need for the react library at runtime.

$异步操作

Promise的解决方案

redux-promise

redux-utilities/redux-promise: FSA-compliant promise middleware for Redux.

redux-promise-middleware

pburtchaell/redux-promise-middleware: Enables simple, yet robust handling of async action creators in Redux
Introduction - Promise Middleware
一个插件让你在 Redux 中写 promise 事半功倍 - 掘金

react-refetch

heroku/react-refetch: A simple, declarative, and composable way to fetch data for React components
Introducing React Refetch | Heroku

redux-effect

优雅的redux异步中间件 redux-effect - 掘金
liumin1128/redux-effect: redux-effect

回调函数的解决方案

redux-thunk

reduxjs/redux-thunk: Thunk middleware for Redux
redux-thunk 之谜 - 掘金

发布/订阅的解决方案

redux-saga

Redux Hero

Redux Hero Part 1: A Hero is Born (A Fun Introduction to Redux.js)
Redux Hero Part 2: Actions and Their Consequences (a Fun Introduction to redux-actions)
Redux Hero Part 3: Choose Wisely (a Fun Introduction to reselect.js)
Redux Hero Part 5: The Hero is Tested (a Fun Introduction to redux-saga-test-plan)
Redux Hero Part 4:每个英雄都需要一个大反派(一种有趣的方式介绍 redux-saga) - 掘金

redux saga core

Read Me · Redux-Saga
github.com

$测试

polendina

rvagg/polendina: Non-UI browser testing for JavaScript libraries from the command-line

user-event

Gpx/user-event: 🐕 Simulate user events for react-testing-library

Jest & enzyme 进行react单元测试 - 掘金
React 组件自动化测试与持续集成指北(1) - 前端 - 掘金
React 组件自动化测试与持续集成指北(2) - 前端 - 掘金
React 测试指南 - 掘金

react-testing-library

testing-library/react-testing-library: 🐐 Simple and complete React DOM testing utilities that encourage good testing practices.
React Testing Library · Testing Library

$性能优化

react-immutable-render-mixin

jurassix/react-immutable-render-mixin: react pure render mixin for facebook/immutable-js library

react-perf-tool

RamonGebben/react-perf-tool: [Deprecated] Debug performance of your React application

react-hot-loader

gaearon/react-hot-loader: Tweak React components in real time.
React Hot Loader · Tweak React components in real time.

React性能优化总结 - 不挑食的程序员 - SegmentFault 思否
使用immutable优化React - 不挑食的程序员 - SegmentFault 思否
Mixin 已死,Composition 万岁 | EFE Tech
React同构直出优化总结 · Issue #9 · joeyguo/blog
腾讯新闻React同构直出优化实践 | AlloyTeam
react组件性能优化探索实践 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客
React移动web极致优化 · Issue #8 · lcxfs1991/blog
React vs Angular 2: 冰与火之歌 - 知乎
从 React render 谈谈性能优化 - 掘金
【译】精挑细选的一份React性能问题优化的清单 - 掘金

$兼容

reactie

ambit-tsai/reactie: A solution that makes React stack work in IE8.
Reactie Todo

react-ie8

xcatliu/react-ie8: Make your React app work in IE8
Make your React app work in IE8 | React IE8 | React Docs v0.14.8

$服务端渲染&pre-renderer

react-snapshot

react-snapshot - npm
geelen/react-snapshot: A zero-configuration static pre-renderer for React apps

react-snap

stereobooster/react-snap: 👻 Zero-configuration framework-agnostic static prerendering for SPAs

react-stdio

ReactTraining/react-stdio: Render React.js components on any backend
react-stdio - npm

An Almost Static Stack – superhighfives – Medium
React SSR 详解【近 1W 字】+ 2个项目实战 - 掘金

create-react-blog

frontarm/create-react-blog: Start and deploy your own statically rendered blog with create-react-app
npx create-react-blog

classnames

JedWatson/classnames: A simple javascript utility for conditionally joining classNames together

downshift

doc-scripts

janryWang/doc-scripts: React Document Build Tool Scripts , Like react-scripts of create react app

epitath

Astrocoders/epitath: Compose render props imperatively with async/await/CPS kinda sugar

hyperscript

hyperhype/hyperscript: Create HyperText with JavaScript.
hyperhype/awesome-hyperscript: Awesome list of everything hyperscript

ijk

lukejacksonn/ijk: Transforms arrays into virtual dom trees; a terse alternative to JSX and h

$preact

preact源码分析

preact源码分析(一) - 掘金
preact源码分析(二) - 掘金
preact源码分析(三) - 掘金
preact源码分析(四) - 掘金
preact源码分析(五) - 掘金
从Preact了解一个类React的框架是怎么实现的(一): 元素创建 - 掘金
从Preact了解一个类React的框架是怎么实现的(二): 元素diff - 掘金
从Preact了解一个类React的框架是怎么实现的(三): 组件 - 掘金

Preact | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.
developit/preact-slots: 🕳 Render Preact trees into other Preact trees, like portals.
developit/preact-jsx-chai: Add JSX assertions to Chai, with support for Preact Components.
developit/preact-www: Preact documentation website.
developit/preact-boilerplate: Ready-to-rock Preact starter project, powered by Webpack.
developit/preact-cli: 😺 Your next Preact PWA starts in 30 seconds.
developit/preact: ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
developit/preact-cli-plugin-async: Preact CLI plugin that adds converts async/await to Promises.
developit/preact-markup: Render HTML5 as VDOM, with Components as Custom Elements!
developit/preact-router: URL router for Preact.
developit/preact-render-to-string: Universal rendering for Preact: render JSX and Preact components to HTML.
developit/preact-compat: React compatibility layer for Preact.
developit/preact-redux: Preact integration for Redux (no shim needed!)
developit/preact-portal: Render Preact components in (a) SPACE
developit/linkstate: Bind events to state. Works with Preact and React.
developit/unistore: 🌶 650b state container with component actions for Preact & React
developit/preact-redux-example: Preact + Redux Example Project
developit/babel-preset-preact: Babel preset to transform JSX into h() calls
developit/preact-transition-group: transition-group ui component for preact
developit/express-es6-rest-api: Starter project for an ES6 RESTful Express API.
developit/preact-custom-element: Wrap your component up as a custom element
developit/preact-token-input: A text field that tokenizes input, for things like tags.
developit/preact-scroll-viewport: Preact Component that renders homogeneous children only when visible
developit/preact-mdl: A collection of Preact Components that encapsulate Google's Material Design Lite.
Preact X 来啦 - 前端 - 掘金
记一次preact迁移到react16.6.7的经历 - 掘金
【送书】Preact(React)核心原理详解

proton-native

kusti8/proton-native: A React environment for cross platform native desktop apps
Home - Proton Native - React Native for the desktop, cross compatible

pagedraw

Pagedraw — Effortlessly turn mockups into functional UI code
Pagedraw/pagedraw: a UI builder for React web apps

rims

Rims - 换个方式使用 Redux - 掘金

react-hyperscript

mlmorg/react-hyperscript: Hyperscript syntax for React.js markup

react-html-parser

wrakky/react-html-parser: Converts HTML strings directly into React components avoiding the need to use dangerouslySetInnerHTML
React HTML Parser Demo

react-wasm

mbasso/react-wasm: Declarative WebAssembly instantiation for React

react-confirm-email

funador/react-confirm-email: Email confirmation with React and Node

react-hot-reload.macro

cometkim/react-hot-reload.macro: Zero configuration Hot Module Replacement using Babel macro

ReactQuantum

ReactQuantum/ReactQuantum: Visualize your React application's component performance metrics with a live heat map.

react-boilerplate

maksimgold208/react-boilerplate: 🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

react-af

donavon/react-af: Allows you to code using certain React.next features today! Perfect for component library maintainers.

radium

Radium - A React Component Styling Library
FormidableLabs/radium: A toolchain for React component styling.

react-fastclick

JakeSidSmith/react-fastclick: Fast Touch Events for React
react-fastclick - npm
VaJoy/fastclick-analysis: fastclick源码分析

react-util

benpptung/react-util: utilities for react

react-throttle

gmcquistin/react-throttle

react-cookbook

shimohq/react-cookbook: 编写简洁漂亮,可维护的 React 应用

react-codemod

reactjs/react-codemod: React codemod scripts

react-load-script

blueberryapps/react-load-script: React component that makes it easy to load 3rd party scripts
yariv/ReactScriptLoader: A library for creating React components that depend on external scripts.

react-lodash

typicode/react-lodash: ⚛️ 🔧 Lodash as React components
⚛️🔧使用任何lodash函数作为React组件 - React开发社区 | CTOLib码库

Vue in React, React in Vue

akxcv/vuera: Vue in React, React in Vue. Seamless integration of the two.

react framework

¥服务器端渲染

Next.js

Next.js
zeit/next.js: Next.js is a lightweight framework for static and server‑rendered applications.
[EasyHexo 专栏] #2 - 魔改 Next 不完全教程 - 掘金
Next.js脚手架进阶 —— 部署上线 - 掘金
Next.js页面渲染的优化方案 - 掘金
最简单的服务端渲染框架-Next.js快速入门
ZEIT – Next.js
使用react+next实现服务端渲染 - 前端 - 掘金
react服务端渲染框架Next.js踩坑(一) - 掘金
react服务端渲染框架Next.js踩坑(二) - 掘金
react服务端渲染框架Next.js踩坑(三) - 掘金
nextjs/lesson4.md at master · HJianfeng/nextjs

react-app

kriasoft/react-app: Create React App with server-side code support
t.me

React服务端渲染,支持模块代码按需加载,使用webpack4打包部署
Tecode/react-mobx-ssr: React16+Mobx4+Express服务端渲染脚手架,支持代码按需加载,使用webpack4打包文件
乐游网站|站内资源分享,学习心得
react同构实践——实现自己的同构模板 - 掘金
基于 React.js 和 Node.js 的 SSR 实现方案 - 掘金
The Most Common XSS Vulnerability in React.js Applications

asuna-cli

ruichengping/asuna-cli: cli for rapid web development
企业级React项目的个人构建总结 - 个人文章 - SegmentFault 思否

anujs(works well in IE8)

RubyLouvre/anu: the React16-compat mini library https://rubylouvre.github.io/nanachi/
nanachi
ydoc
ydoc

bruce-cli

一个零配置开箱即用的React应用自动化构建脚手架 - 掘金
JowayYoung/bruce-cli: React应用自动化构建脚手架

create-react-library

transitive-bullshit/create-react-library: ⚡CLI for easily creating reusable react libraries.

gatsbyjs

gatsbyjs/gatsby: Build blazing fast, modern apps and websites with React
calpa/gatsby-starter-calpa-blog: Gatsby Starter of Calpa's Blog
blog - CodeSandbox
GatsbyJS
Rise of the Content Mesh: Webcast with Contentful and Gatsby | Gatsby Inc.
GatsbyJS 入门(一):打造开箱即用的现代化前端网站 - 前端 - 掘金
GatsbyJS 入门(三):从零开始架构 React 静态网站 - 前端 - 掘金

makajs

makajs/maka: MakaJs,react and redux based, lightweight react framework. Use json schema to express react.
Maka.js

react-coat

wooline/react-coat: Structured React + Redux with Typescript and support for isomorphic rendering beautifully(SSR)
wooline/react-coat-spa-demo: A simple demo with react-coat
React干货:SPA单页如何规划路由、设计Store、划分模块、按需加载 - 掘金
React干货(二):提取公共代码、建立路由Store、Check路由参数类型 - 掘金

React Admin

简介 · GitBook
随行付微服务前端开发框架React Admin - 掘金
react-admin: 基于React、Ant Design的管理系统架构。
sxfad/react-admin: 基于 Ant Design React 的管理系统架构

react-boilerplate

react-boilerplate/react-boilerplate: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

UmiJS

UmiJS core

UmiJS
github.com

create-umi

umijs/create-umi: Creates a UmiJS application using the command line.

UmiJS awesome

umijs/umi-course: 简易的umi入门教程,一步一步的学习,适合零基础的朋友 https://www.yuque.com/umijs/umi
umijs/awesome-umi: 🎉 A curated list of awesome things related to UmiJS.
umijs实现权限路由 - 爱情博物馆
majiang666/umijs: umijs示例

UmiJS example

umijs/umi-example-monorepo: Umi example for monorepo.
umijs/umi-dva-user-dashboard: User dashboard example with combination use of umi and dva.
umijs/umi-examples: examples for umi.js
umijs/umi-example-lighthouse: umi example to archive 100*5 lighthouse score.
umijs/umi-example-electron: Electron example with umi and dva.

UmiJS framework

antd-admin

zuiidea/antd-admin: A excellent front-end solution for enterprise applications built upon Ant Design and UmiJS
AntD Admin

umi-react

jiechud/umi-react: 基于umi构建React快速开发框架

UmiJS plugins

umi-plugin-upload

xusanduo08/umi-plugin-upload

umijs/umi-plugin-pro-block: A plugin for deliver umi block files like ant design pro structure.
umijs/umi-plugin-library: 📦Out of box component develop plugin for umi.
umi/packages/umi-library at master · umijs/umi
umijs/umi-plugin-preload: A umi plugin for support async chunk preload to improve page loading performance.
umijs/umi-plugin-mpa: MPA(multiple-page application) plugin for umi.
umijs/umi-plugin-types: Type definitions for umi plugin api.
umijs/umi-plugin-vue: A umi@2.x plugin for Vue.js
umijs/umi-plugin-ga: Umi plugin to support google analytics
umijs/umi-plugin-block-dev: A umi plugin for develop a umi block with umi.
umijs/umi-plugin-datahub
umijs/umi-plugin-locale: A umi plugin for provide internationalization function.
umijs/umi-plugin-yunfengdie
umijs/umi-plugin-gh-pages: umi plugin to publish to Github pages.
umijs/umi-plugin-mobx-state-tree: use mobx-state-tree in umijs@2
umijs/umi-plugin-pnp: Umi plugin to support Plug'n'Play of yarn.
umijs/umi-plugin-ecma5-validator: Ecmascript 5 syntax validator plugin for umi.
umijs/umi-plugin-devhtml: Plugin to save a physical HTML file for `umi dev`.
umijs/umi-plugin-atpl: Atpl plugin for umi.
umijs/hard-source-webpack-plugin

UmiJS tools

umijs/umi-request: A request tool based on fetch.
umijs/umi-lint: 🏖 Configless lint tool all in one
umijs/umi-tools: The tools used to build umi.
umijs/umi-notify: Notification package for all cli we maintained.
umijs/umi-block-convertor: A cli tool to convert your umi page to a umi block.
umijs/umi-blocks: Official collection of some high quality blocks.
umijs/umi-hd: 移动端高清 1px 方案。
umijs/createMockMiddleware: Express umi mock middleware
umijs/umi-history: Manage session history with JavaScript
umijs/umi-url-pnp-loader: A loader for webpack which transforms files into base64 URIs

zoro

FaureWu/zoro: A Simple Redux Framework, For Weapp, React App and Other.
FaureWu/zoro-plugin: Support plugins for zoro

从 0 打造一个React的TS模板 - 掘金

React 资源 & 整理集 & FAQ

React 资源

react-awesome

react-article-bucket

liangklfangl/react-article-bucket: 总结,积累,分享,传播JavaScript各模块核心知识点文章全集,欢迎star,issue(勿fork,内容可能随时修改)。webpack核心内容部分请查看专栏: https://github.com/liangklfangl/webpack-c

react-book

survivejs/react-book: From apprentice to master (CC BY-NC-ND)
Introduction
ReactFinland

react-tutorial

hulufei/react-tutorial: React 入门教程 http://hulufei.gitbooks.io/react-tutorial/
介紹 | React 入门教程

react-workshop

ReactTraining/react-workshop: Lectures and exercises for React Training workshops
Learn React from the creators of React Router

Foveluy/React-awesome-resume: a resume by using Luy/React
chentsulin/awesome-react-renderer: Awesome list of React Renderer
hsavit1/Awesome-React-Native-Education: Use this to learn React Native
FortAwesome/react-fontawesome: Font Awesome 5 React component
jaredpalmer/awesome-react-render-props: Awesome list of React components with render props
LeoMobileDeveloper/ReactNativeMaterials: React Native的中文参考资料,包括开源库,文字/视频资料,相关工具等
crazycodeboy/react-native-awesome: React Native 学习资源精选仓库(汇聚知识,分享精华)汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等,只求精不求全。
brillout/awesome-react-components: Catalog of React Components & Libraries
jondot/awesome-react-native: Awesome React Native components, news, tools, and learning material!
enaqx/awesome-react: A collection of awesome things regarding React ecosystem.
recal - Awesomes
前端全栈手册之react书单 - hainuo - 简书

第三方库使用

react-native-thirdparty

Geek-ch/react-native-thirdparty: collect some react-native-thirdparty 收集了一些RN的第三方组件集合 http://www.jianshu.com/p/53ff78168acc
React Native 项目常用第三方组件汇总 - 简书

three.js快速上手以及在react中运用 - 掘金

React 有哪些优秀实用的组件? - 知乎

React 整理集

react-developer-roadmap

adam-golab/react-developer-roadmap: Roadmap to becoming a React developer in 2019

React 折腾记

React 折腾记 - (1) React Router V4 和antd侧边栏的正确关联及动态title的实现 - 掘金
React 折腾记 - (2) 实现路由动效过渡,并解决过程中奇奇怪怪的问题 - 掘金
React 折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏 - 掘金
React 折腾记 - (4) 侧边栏联动Tabs菜单-增强版(结合Mobx) - 掘金
React 折腾记 - (5) 记录用React开发项目过程遇到的问题(Webpack4/React16/antd等) - 掘金
React 折腾记 - (6) 基于React 16.x+ Antd 3.封装的一个声明式的查询组件(实用强大) - 掘金
React 折腾记 - (7) 基于React+Antd封装聊天记录(用到React的memo,lazy, Suspense这些) - 掘金
React 折腾记 - (8) 基于React+Antd封装选择单个文章分类(从构建到获取) - 掘金
React 折腾记 - (9) 基于Antd+react-router-breadcrumbs-hoc封装一个小巧的面包屑组件 - 掘金
React 折腾记 - (10) UmiJS 2.x + antd 重写后台管理系统记录的问题及解决姿势 - 掘金
React 折腾记 - (11) 结合Antd菜单控件(递归遍历组件)及常规优化 - 掘金

React 回忆录

React 回忆录(一)新的旅程 - 和李先生探索 Web 开发世界 - SegmentFault 思否
React 回忆录(二)为什么使用 React? - 和李先生探索 Web 开发世界 - SegmentFault 思否
React 回忆录(三)使用 React 渲染界面 - 和李先生探索 Web 开发世界 - SegmentFault 思否
React 回忆录(四)React 中的状态管理 - 和李先生探索 Web 开发世界 - SegmentFault 思否

shenzekun/useful-tools: 🔨 一些有用的工具网站
blog/前端 SPA 单页应用数据统计相关问题.md at master · erbing/blog
React实用项目分享 - 作品 - React 中文
react 知识梳理(一) - 掘金
react 知识梳理(二):手写一个自己的 redux - 掘金
React 知识梳理(三):手写一个自己的 React-redux - 掘金
React 学习路线图 - 2018版 - 前端 - 掘金
React 单页程序 转 SEO 渲染踩到各种深坑。 - 前端 - 掘金
从 loading 的 9 种写法谈 React 业务开发 - 掘金
react-native兴趣交流群技术文章整理 - 简书
Time_情书 - 简书
求大神推荐一些react.js的优秀书籍或社区? - 徐澈 的回答 - 知乎
InfoQ

React FAQ

¥key

[React技术内幕] key带来了什么 - 掘金

¥React数据流管理

浅谈React数据流管理 - 前端 - 掘金

¥study

React面试

必须要会的 50 个 React 面试题 - 掘金
sudheerj/reactjs-interview-questions: List of top 300 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
semlinker/reactjs-interview-questions: List of top 301 ReactJS Interview Questions & Answers
React中的核心概念 - mahmud - 博客园

开发React 插件

手把手教你写一个可以发布到 npm 的 React 插件 - 掘金
react 获取服务器端时间倒计时 - tomorrow_chen - 简书

构建自己的React UI组件库

构建自己的React UI组件库: 构建首页 - 掘金
构建自己的React UI组件库: 从v0.0.0到 v0.0.1 - 掘金
构建自己的React UI组件库(三):文档编写 - 掘金
React 实现一个简单实用的 Form 组件 - 掘金
从0到1,一步步开发React的loading组件,并发布到npm上 - 掘金

¥demo

React入门系列

React入门系列 - 1 开发环境搭建 - 掘金
React入门系列 - 2 编写第一个Hello world的React程序 - 掘金
React入门系列 - 3 state与props - 掘金
React入门系列 - 4. 认识无状态组件 - 掘金
React入门系列 - 5. 表单与变量的关联 - 掘金

aiyuekuang/react_home: 这是一个react得demo/脚手架项目,包含react16+redux+antd+webpack4+react-router4+sass/less+axios+immutable+proxy技术栈
React 小案例 用户评论 - 掘金
如何在react中使用OrgChart? - 掘金
循序渐进DIY一个react(一) - 掘金
循序渐进DIY一个react(二) - 掘金
循序渐进DIY一个react(三) - 掘金
循序渐进DIY一个react(四) - 掘金
自己动手实现一个简单的React - 掘金
浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层 - 掘金
用React实现一个简易的markdown博客应用 - 掘金
从0搭建React项目 - hl_java的专栏 - CSDN博客
从零开始React之环境的搭建与项目的初始化 - Crcker的博客 - CSDN博客
2 编写第一个Hello world的React程序 - 一只会写代码的熊猫 Blog
从零开始搭建webpack+react开发环境 - 挨踢人啊 - 博客园

minooo/React-Study: 渐进式学习React生态圈
React 开发必须知道的 34 个技巧【近1W字】 - 掘金
学习 React 前你需要知道些什么 - 掘金
[译]你可以在JSX中使用console.log吗? - 掘金
[英] Scheduling in React - 前端 - 掘金

¥组件

Function/Class

weekly/95.精读《Function VS Class 组件》.md at master · dt-fe/weekly
Function 与 Classes 组件的区别在哪? - 掘金
【译】函数组件和类组件有什么不同? - 掘金
精读《Function VS Class 组件》 - 掘金
React Ways1——函数即组件 - 掘金
一文让你学会 React 函数式组件优化

React 组件设计模式

reactpatterns.cn

keelii/reactpatterns.cn: 18 种短小精悍的 React 模式案例,通俗易懂值得收藏。
React Patterns
React Patterns

chantastic/reactpatterns.com
(译)React 组件设计模式基础 - 掘金
Presentational and Container Components – Dan Abramov – Medium
React Higher Order Components in depth – franleplant – Medium
Function as Child Components – Merrick Christensen – Medium
react 设计模式与最佳实践 - 掘金
【译】更好地设计React组件 - 掘金
React 组件模式学习总结 - 掘金

组件样式

初学React:组件的样式 - 黑乌鸦 - 博客园
vue开发中,父组件添加scoped之后。解决在父组件中无法修改子组件样式问题。 - 知乎
React给添加元素增加样式 - freesky的专栏 - CSDN博客
《深入react技术栈》之样式处理 - 掘金

组件复用/可重用

Render Props

Render Props – React
如何解决 Render Props 的回调地狱

HOC

react-xstream-hoc

staltz/react-xstream-hoc: A utility to make React components easily consume xstream streams

react-feature-toggles

paralleldrive/react-feature-toggles: Feature Toggles for React Projects

react-debounce-render

podefr/react-debounce-render: A React higher order component to debounce the rendering of your React components

Higher-Order Components – React
[译] 使用 Recompose 来构建高阶组件 - 掘金
ES 6 装饰器与 React 高阶组件 - 掘金
acdlite/recompose: A React utility belt for function components and higher-order components.
React 高阶组件介绍 - 掘金
React 高阶组件(HOC)入门指南 - 掘金
React 中的高阶组件及其应用场景 - 掘金
React高阶组件初探(1) - 掘金
React 高级应用 -- 高阶组件 Heigher Order Component - 掘金
React 高阶组件 - 掘金

hoist-non-react-statics

mridgway/hoist-non-react-statics: Copies non-react specific statics from a child component to a parent component

容器组件

【译】容器组件 (Container Components) - 掘金
Container Components – Learn React with chantastic – Medium

Mixins

Mixins Considered Harmful – React Blog
React Mixins入门指南 - 掘金
React-代码复用(mixin.hoc.render props) - 掘金

react-mixin

brigand/react-mixin: mixins in react with es6 style classes

react-mixin-manager

jhudson8/react-mixin-manager: React mixin registration manager which allows mixins to have dependencies
jhudson8.github.io/fancydocs/index.html#project/jhudson8/react-mixin-manager

react-backbone

jhudson8/react-backbone: backbone-aware mixins for react and a whole lot more

<keep-alive> 组件

React 怎么实现 Vue 的 <keep-alive> 组件 - 掘金

React组件化复用的一些技巧 - 掘金

异步组件

React Suspense&React.lazy()

React Suspense 尝鲜 - 掘金
基于React.Suspense和React.lazy的前端性能优化 - 前端 - 掘金
使用 React.Suspense 和 React.lazy() 实现 Code Splitting - 前端 - 掘金

React 异步组件 - 掘金
【翻译】基于 Create React App路由4.0的异步组件加载(Code Splitting) - naice - SegmentFault 思否

受控组件和非受控组件

Controlled and uncontrolled form inputs in React don't have to be complicated - Gosha Arinich
React中的受控组件和非受控组件学习总结 - 掘金
《深入react技术栈》之表单 - 掘金

react设计--他怎么知道是类组件还是函数组件 - 掘金
How Does React Tell a Class from a Function? | Overreacted
javascript - How do you check the difference between an ECMAScript 6 class and function? - Stack Overflow
React 的几种条件渲染以及选择 - 掘金
React-router、antd实现同步浏览器地址高亮对应菜单 - 掘金
Structuring projects and naming components in React

组件通信

react组件通讯通识篇 - 掘金
React中组件通信的几种方式 - 前端小码农 - SegmentFault 思否

组件间通信

react兄弟组件之间通信 - 农家小院 - CSDN博客
react没有嵌套关系的组件之间通信方法详解 - bbgdebb的博客 - CSDN博客
React 中的Context - 简书
React 中组件间通信的几种方式 - 简书
React 组件通信之 React context - 个人文章 - SegmentFault 思否
React数据流和组件间的通信总结 - Tim晨 - 博客园
关于react组件之间的通信 - 极品草根 - 博客园
【react兄弟组件传值用啥】 - CSDN
React组件之兄弟组件沟通

¥语法

¥react源码分析

janryWang/react-study: React源码分析,需要进一步了解请移步https://github.com/purplebamboo/little-reactjs
purplebamboo/little-reactjs: 用来演示reactjs源码的仓库,一步步实现reactjs的核心功能。
reactjs源码分析-上篇(首次渲染实现原理) | blog of purplebamboo
reactjs源码分析-下篇(更新机制实现原理) | blog of purplebamboo
https://juejin.im/post/5dff334851882579dc6f8167
React16源码解读:揭秘ReactDOM.render - 掘金
React 对象源码解析-带你走进高级程序员的世界 - 掘金

React源代码解析

React源代码解析(1):jsx语法是如何解析 - 掘金
React源代码解析(2):组件的挂载 - 掘金
React源代码解析(3):组件的生命周期 - 掘金

React源码系列

React源码系列(一): 总结看源码心得及方法感受 · Issue #1 · jsonz1993/react-source-learn
React源码系列(二): 从jsx到createElement · Issue #2 · jsonz1993/react-source-learn
React源码系列(三): ReactRoot的创建以及调度工作scheduleWork的执行 · Issue #3 · jsonz1993/react-source-learn
React源码系列(四): Fiber Tree && commit · Issue #4 · jsonz1993/react-source-learn
React源码系列(五): 新 ContextAPI · Issue #5 · jsonz1993/react-source-learn
React 源码系列-Component、PureComponent、function Component 分析 - 掘金
React 源码系列 | ref 功能详解 | 源码 + 实战例子 | 你可能并不真正懂 ref - 掘金
React 源码系列 | React Children 详解 | Children 中 key 内部生成原理 - 掘金
React 源码系列 | React Context 详解 - 掘金

React 源码学习

React 源码学习(一):HTML 元素渲染 - 掘金
React 源码学习(二):HTML 子元素渲染 - 掘金
React 源码学习(三):CSS 样式及 DOM 属性 - 掘金
React 源码学习(四):事务机制 - 掘金
React 源码学习(五):事件机制 - 掘金
React 源码学习(六):组件渲染 - 掘金
React 源码学习(七):生命周期 - 掘金
React 源码学习(八):组件更新 - 掘金

React调度

[译] React 中的调度 - 掘金

200行代码实现简版react🔥 - 掘金
[译] React 是如何区分 Class 和 Function 的 ? - 掘金
你还没有听过React不完全手册?😱😱 - 掘金
React 中无用但可以装逼的知识 - 掘金

¥布局

React战记之玩转Flex布局(上篇--容器属性) - 掘金
[译]Rendering React components to the document body - 掘金

¥报错与解决

react 内存泄露

react 内存泄露常见问题解决方案 - 掘金

组件卸载后取消异步请求

isMounted is an Antipattern – React Blog
[React.js]组件卸载如何自动取消异步请求 - weixin_34024034的博客 - CSDN博客
【react】react组件销毁中清理异步操作和取消请求 - 野马yuanjili - 博客园
解决 React componentWillUnmount中卸载异步操作,防止内存泄漏_随想人生-CSDN博客
解决React组件Unmount时依然继续setState报错的问题_qq_15557771的博客-CSDN博客

Webpack 报错:The CLI moved into a separate package: webpack-cli - u010696334的博客 - CSDN博客
Babel use with objects failing · Issue #556 · babel/babel-loader · GitHub
reactjs - Error running webpack with react-grid-layout: Plugin/Preset files are not allowed to export objects, only functions - Stack Overflow
webpack4的react打包错误-布布扣-bubuko.com
Plugin/Preset files are not allowed to export objects,webpack报错/babel报错的解决方法 - 小结巴巴吧 - 博客园
Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions. - 小道仙的后宫 - CSDN博客

¥兼容

$polyfill

Discontinuing IE 8 Support in React DOM – React Blog

$senna.js

liferay/senna.js: A blazing-fast Single Page Application engine
Senna.js | Introduction

$Tencent

Tencent/wepy: 小程序组件化开发框架

$Vue.js

Vue.js core

源码&awesome&文档&社区

源码

Vue 源码Core

rfcs

vuejs/rfcs: RFCs for substantial changes / feature additions to Vue core

vue3.0

Vue.js 3.0 PPT(附部分中文翻译) - 掘金
Evan You 的 Twitter: “Here’s my slides on Vue 3 today at @VueToronto : https://t.co/hqICsxIUCp #VueConfTO”
Vue 3.0 Updates - Google 幻灯片
vue 3 & vue-cli 3
vuejs/vue-next
从零开始构建 vue3 - 掘金
Composition API RFC | Vue Composition API

vuejs/vue: Simple yet powerful library for building modern web interfaces.
src/vuejs.md at master · jsfront/src
Vue.js
vue.js
Introduction — Vue.js
介绍 — Vue.js
API — Vue.js
API — Vue.js
vuejs
Vue.js 中文文档 - vuefe.cn
API-vue中文文档
lyon007/VueJS-docset-CN: Vue.docset dash 文档 Vue 离线文档中文版
Vue:Vue.js专业中文社区
Vue Forum
台湾的小凡的自频道-优酷视频
vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js
opendigg/awesome-github-vue: Vue相关开源项目库汇总
bhnddowinf/vuejs-learn: (vue.js official website tutorials ,contains video , codes, baudi yun, youtube) 网路上有很多 VUE 综合应用的视频,但大部份的视频 ,都当你已经了解官网 所以讲的节奏难免偏快。 此视频(都
GitHub - vuejs/vue-docs-zh-cn

Vue 源码解析

Vuex源码学习

Vuex源码学习(一)功能梳理 - 掘金
Vuex源码学习(二)脉络梳理 - 掘金
Vuex源码学习(三)install都做了哪些事情 - 掘金
Vuex源码学习(四)module与moduleCollection - 掘金
Vuex源码学习(五)加工后的module - 掘金
Vuex源码学习(六)action和mutation如何被调用的(前置准备篇) - 掘金
Vuex源码学习(七)action和mutation如何被调用的(调用篇) - 掘金
Vuex源码学习(八)模块的context如何被创建以及它的作用 - 掘金

根据调试工具看Vue源码

根据调试工具看Vue源码之组件通信(一) - 掘金
根据调试工具看Vue源码之computed(一) - 掘金
根据调试工具看Vue源码之computed(二) - 掘金
根据调试工具看Vue源码之watch - 掘金
根据调试工具看Vue源码之虚拟dom(一) - 掘金
根据调试工具看Vue源码之生命周期(一) - 掘金

ustbhuangyi/vue-analysis: Vue.js 源码分析
Vue.js 技术揭秘 | Vue.js 技术揭秘
answershuto/learnVue: Vue.js 源码解析
HcySunYang/vue-design: 📖 master分支:《渲染器》 elegant分支:逐行级别的源码分析
Production Deployment — Vue.js
Vue 源码解析(实例化前) - 响应式数据的实现原理 - 掘金
Vue 源码解析(实例化前) - 初始化全局API(一) - 掘金
Vue 源码解析(实例化前) - 初始化全局API(二) - 掘金
Vue 源码解析(实例化前) - 初始化全局API(三) - 掘金
Vue 源码分析系列一:new Vue() - 掘金
Vue源码分析系列二:$mount()方法 - 掘金
Vue源码分析系列三:render - 掘金
Vue源码探究-事件系统 - 掘金
vue 源码学习(一) 目录结构和构建过程简介 - 掘金
vue 源码学习(二) 实例初始化和挂载过程 - 掘金
vue 源码学习(三) 创建Virtual Dom 虚拟节点 - 掘金
Vue源码探究-数据绑定逻辑架构 - 掘金
「从源码中学习」Vue源码中的JS骚操作 - 掘金
每天学点Vue源码: vm.$mount挂载函数 - 掘金
Vue源码探究-状态初始化 - 掘金
Vue源码解析之数组变异 - 掘金
Vue源码探究-构建版本的区别 - 掘金
Vue-js 源码解读系列——this 直接调用数据源 - 掘金
Vue之简易MVVM实现_玉案轩窗的博客-CSDN博客
Vue实例创建之初始化VNode->HTML_玉案轩窗的博客-CSDN博客
Vue实例创建之data处理和挂载_玉案轩窗的博客-CSDN博客
Vue实例之render构建+调用_玉案轩窗的博客-CSDN博客
Vue实例创建之html->vnode_玉案轩窗的博客-CSDN博客
Vue实例创建之vnode创建_玉案轩窗的博客-CSDN博客
Vue之初始化_玉案轩窗的博客-CSDN博客
Vue框架结构解析_玉案轩窗的博客-CSDN博客
江山父老能容我 不使人间造孽钱 | 渲染器

Vue 生命周期

Vue2.5笔记:Vue的实例与生命周期 - 六小登登的专栏 - CSDN博客
vue--生命周期函数 - 大小都是愁的成长之路 - CSDN博客
关于Vue实例的生命周期created和mounted的区别 - 劝君惜取少年时 - SegmentFault 思否
详解 Vue 生命周期实现 - 掘金
初探 Vue 生命周期和钩子函数 - 掘金
异步加载在Vue生命周期哪个阶段更合理 - 掘金
Vue源码探究-生命周期 - 掘金
Vue生命周期 - 掘金
vue生命周期 - 掘金
vue生命周期详解 - 掘金
vue中各选项及钩子函数执行顺序详解_vue.js_脚本之家
Vue之生命周期相关_玉案轩窗的博客-CSDN博客

Vue 事件

Vue之事件相关_玉案轩窗的博客-CSDN博客

全局配置 & 全局API

set & delete

Vue 不能检测到对象属性的添加或删除,注意!!! - web前端 - SegmentFault 思否
【vue 删除 对象属性】 - CSDN
vue 数组中嵌套的对象添加新属性--页面更新 - 简书
【vue2 给对象添加属性】 - CSDN
Vue.delete()删除对象的属性 - xiasohuai的博客 - CSDN博客

Vue.extend

Vue.extend挂载到实例上_charming的博客-CSDN博客
vue通过extend动态创建全局组件(插件)学习小记 - vbyzc - 博客园
Vue2 向Vue.extend传参-propsData属性 - xuanwuziyou的专栏 - CSDN博客
Vue.extend构造器的详解_vue.js_脚本之家
javascript - Vue.extend 创建的子组件实例化时传递参数只能通过 propsData ?? - SegmentFault 思否

API — Vue.js

选项 & 实例属性 & 实例方法

$nextTick

浅析Vue 中 $nextTick 机制 - 掘金
Vue之nextTick内部实现_玉案轩窗的博客-CSDN博客

computed

[译] 监测与调试 Vue.js 的响应式系统:计算属性树(Computed Tree) - 掘金
Vue实例创建之computed_玉案轩窗的博客-CSDN博客
记录Computed源码分析 - 掘金

components

VUE的component和components - 简书

filters

pixelspring/VueFilters: A collection of useful filters for Vue 2
vue-global-filters/src/common/filters at master · xiterjia/vue-global-filters

mixins

vue-mixins

paulpflug/vue-mixins: A collection of mixins in vue
vue-mixins - npm

provide / inject

API — Vue.js
vue中的provide/inject的学习使用_vue.js_脚本之家
vue学习- provide / inject - 简书
vue高级组件之provide / inject - 哒哒哒 - CSDN博客
Vue.js 源码学习五 —— provide 和 inject 学习 - 简书
vue中的依赖注入 provide 和 inject - 崔凯通 - 博客园
详解Vue 多级组件透传新方法provide/inject_vue.js_脚本之家
Vue实战指南之依赖注入(provide / inject) - 简书
vue中的provide和inject - Cassie's blog - CSDN博客

watch

Vue.js中 watch 的高级用法 - 掘金
根据调试工具看Vue源码之watch - 掘金
Vue2.0的watch属性-(5) - 简书

Render Functions & JSX — Vue.js
深入剖析Vue源码 - 选项合并(上) - 掘金
深入剖析Vue源码 - 选项合并(下) - 掘金
Vue源码之 props data computed 顺序 - chuliang - 博客园
Vue实例API - Shimily - 博客园

指令 & 特殊特性

slot

vue---slot,slot-scoped,以及2.6版本之后插槽的用法 - 站住,别跑 - 博客园
让你的组件千变万化,Vue slot 剖玄析微
Vue之slot相关_玉案轩窗的博客-CSDN博客
Vue一个案例引发「内容分发slot」的最全总结 - 掘金
[译] 我最终是怎么玩转了 Vue 的作用域插槽 - 掘金
vue作用域插槽,你真的懂了吗? - 掘金

v-model

Vue之v-model_玉案轩窗的博客-CSDN博客
Vue之v-model解析_玉案轩窗的博客-CSDN博客

v-hotkey

Dafrok/v-hotkey: Vue 2.x directive for binding hotkeys to components.
V-Hotkey

v-click-outside

ndelvalle/v-click-outside: 🔲 Vue directive to react on clicks outside an element without stopping the event propagation

v-clipboard

euvl/v-clipboard: Vue.js clipboard library (no dependencies, less than 2kb)

vue-scrollto

rigor789/vue-scrollto: Adds a directive that listens for click events and scrolls to elements.
vue-scrollto

v-scroll-lock

phegman/v-scroll-lock: A Vue.js directive for body scroll locking without breaking scrolling of a target element.

vue-focus

simplesmiler/vue-focus: A reusable focus directive for reusable Vue.js components
yeyuqiudeng/vue-auto-focus: A vue directive that can let you control your input and textarea auto focus very easily! Vue指令,你可以很方便地对页面中所有input和textarea的自动聚焦行为进行流程控制

vue-ripple-directive

PygmySlowLoris/vue-ripple-directive: Material Ripple Effect as Vue Directive.

vue-inputmask

scleriot/vue-inputmask: Vue.js directive to add inputmask library to your inputs (vanilla javascript).

vue-clampy

clampy-js/vue-clampy: Vue.js (2+) directive that clamps the content of an element by adding an ellipsis to it if the content inside is too long.

vue-directive-tooltip

hekigan/vue-directive-tooltip: Vue.js tooltip directive. Easy to use, configure and style
Vue Directive Tooltip

v-blur

ndelvalle/v-blur: ⬜️ Vue directive to blur an element dynamically

vue-dummy

paulcollett/vue-dummy: Placeholder Images and Lorem Ipsum Dummy Text for Vue.js projects

这些Vue自定义指令,让你的项目开发爽到爆
vue-directive · GitHub Topics

内置的组件 & VNode接口 & 服务端渲染

keep-alive

vue-router 之 keep-alive - 简书
记一次vue 的keep-alive踩坑之路 - 简书
vue2.0 keep-alive最佳实践 - 前端打小怪升级笔记 - SegmentFault 思否
<keep-alive>组件缓存问题 · Issue #811 · vuejs/vue-router

API — Vue.js

¥other

webproblem/IntoVue: 走进 Vue 框架系列
「读懂源码系列1」还在恐惧读源码?看完这篇就不怕了 - 掘金
「读懂源码系列2」我从 lodash 源码中学到的几个知识点 - 掘金
Vue源码中为什么要const _toStr = Object.prototype.toString? - 掘金
Vue添加数据视图不更新问题 - 掘金
自己动手写一个 SimpleVue - 掘金
【译】VueJS 最佳实践 - 前端 - 掘金
【总结】vue如何实现的数据控制视图 - 掘金
带你再看Vue文档,你就顺便学会了React ( 慎入! ) - 掘金
安装 — Vue.js

compile

咱来聊聊 Vue - compile - 掘金
如何在Vue中书写JSX - 掘金
Vue 模板 | 大漠老师 w3cplus - 前端 - 掘金
Vue.js 模板解析器原理 - 掘金

Hooks

Hooks API 在 Vue 中的实现分析 - 掘金
yyx990803/vue-hooks: Experimental React hooks implementation in Vue

HOC

vue-hoc

jackmellis/vue-hoc: Create Higher Order Vue Components

探索Vue高阶组件 | HcySunYang - SegmentFault 思否
Discussion: Best way to create a HOC · Issue #6201 · vuejs/vue

Proxy

初探 Vue3.0 中的一大亮点——Proxy ! - 掘金
vue3.0 尝鲜 -- 摒弃 Object.defineProperty,基于 Proxy 的观察者机制探索 - 掘金
深入剖析Vue源码 - 数据代理,关联子父组件 - 掘金

Virtual Dom

xuqiang521/overwrite: 👍 overwrite some javascript methods
细谈 vue 核心- vdom 篇 - 掘金
合格前端系列第五弹- Virtual Dom && Diff(迁移) - 掘金
【vue系列】Virtual DOM 真的比操作原生 DOM 快吗? - saucxs - 博客园

Vue JSX

vuejs/jsx: monorepo for Babel / Vue JSX related packages
babel-plugin-transform-vue-jsx/README.md at master · vuejs/babel-plugin-transform-vue-jsx
渲染函数 & JSX — Vue.js
vue项目中使用jsx语法_水痕-CSDN博客

Vue响应式数据

Vue响应式数据: Observer模块实现 - 掘金
Vue: Binding与Watcher - 掘金
深入了解 Vue 响应式原理(数据拦截) - 掘金
深入响应式原理 — Vue.js
深入了解 Vue.js 是如何进行「依赖收集] - 掘金
浅谈VUE响应式双向绑定 - 掘金
【重学Vue】数据响应原理真的是双向绑定吗? - 掘金
【vue】用图告诉你响应式原理 - 掘金

通信方式

$dispatch 和 $broadcast

Vue $dispatch 和 $broadcast 详解 - 掘金

Vue 组件间的通讯

Vue 组件间的通讯 - 掘金
Vue 组件通信方式全面详解 - 掘金
说说在 Vue.js 中如何实现组件间通信(高级篇) - 掘金
【2019 前端进阶之路】Vue 组件间通信方式完整版 - 掘金
剑走偏锋之Vue 组件通信(一)—通过$parent和$children构建自己的通讯方式 - 掘金
剑走偏锋之Vue组件通讯(二)——利用provide / inject属性构建全局状态管理 - 掘金
vue组件通信全揭秘(共7章) - 掘金

依赖收集

深入浅出基于“依赖收集”的响应式原理 - 掘金
响应式数据与数据依赖基本原理 - 掘金

状态管理

几十行代码实现一个vue的状态管理 - 掘金

全局组件 & 局部组件

1-2 vue组件-全局注册和局部注册 - 简书
Vue2.0 组件嵌套-全局/局部注册组件 - Shallny_chen - CSDN博客
vue.js组件的全局注册和局部注册详解 - ma_hao99的博客 - CSDN博客
VUE注册全局组件和局部组件 - bingxiaoxiao - 博客园
vue 组件 全局注册和局部注册的实现_vue.js_脚本之家
VUE注册全局组件和局部组件过程解析_vue.js_脚本之家
Vue 组件全局注册和局部注册使用及原理 - 简书
vue之component - Samve - 博客园
Vue之Vue.component解析 - 玉案轩窗的博客 - CSDN博客
Vue源码解读之Component组件注册的实现_vue.js_脚本之家

动态组件 & 异步组件

动态组件 & 异步组件 — Vue.js
Vue 动态创建 component - 码游杂记 - SegmentFault 思否
vue 动态创建组件(运行时创建组件) - zyip - 博客园
Vue 构造器中的propsData选项 - Json的知识梦工厂 - CSDN博客
a524631266/vue2-dynamic-create-component: dynamic create vue2 component
Vue隐式创建实例 - Myinlg的博客 - CSDN博客

class-component

vue-class-component

vuejs/vue-class-component: ES / TypeScript decorator for class-style Vue components.
vue-class-component - npm
Vue—Typescript - yydounai的博客 - CSDN博客
vue-class-component源码阅读 - 简书
vue-class-component,类样式Vue组件的es/app decorator,下载vue-class-component的源码_GitHub_HELPLIB

vue-property-decorator

kaorun343/vue-property-decorator: Vue.js and Property Decorator

Vuex

Vuex core

What is Vuex? | Vuex
Introduction · Vuex
vuejs/vuex: 🗃️ Centralized State Management for Vue.js.
Vuex 是什么? | Vuex

vuex-class

ktsn/vuex-class: Binding helpers for Vuex and vue-class-component

vuex-loading

vueComponent/vuex-loading: A loading plugin like dva-loading

vuex-persistedstate

robinvdvleuten/vuex-persistedstate: 💾 Persist and rehydrate your Vuex state between page reloads.
vuex-persistedstate - npm

vuex-router-sync

vuejs/vuex-router-sync: Effortlessly keep vue-router and vuex store in sync.

vuex-stateshot

xiaoluoboding/vuex-stateshot: 💾 A State Snapshot plugin on Actions/Mutations for Vuex3.1+.
gaoding-inc/stateshot: 💾 Non-aggressive history state management with structure sharing.
打造 Vue 技术栈中的“时间宝石“ - 掘金

Vuex FAQ

从概念到实际项目__vuex指北 - 掘金
Learn Vuex | Scrimba.com
【前端笔记】Vuex 是什么,为什么需要 - 掘金
EventBus & Vuex? - 掘金
【前端笔记】Vuex快速使用 - 掘金
利用Dectorator分模块存储Vuex状态(上) - 掘金
利用Dectorator分模块存储Vuex状态(下) - 掘金
如何使用 vue + typescript 编写页面 ( vuex装饰器部分 ) - 掘金
如何使用 vue + typescript 编写页面 ( vuex装饰器补充部分--store装饰器 ) - 掘金
VueJS中学习使用Vuex详解 - 个人文章 - SegmentFault 思否
vuex到底是个啥 - 追梦-dream - 博客园
Vue.js——十分钟入门Vuex - 简书
超简单入门Vuex小示例 - 个人文章 - SegmentFault 思否
Vuex 快速入门 简单易懂 - 王念博客 - 开源中国
vuex最简单、最详细的入门文档 - 前端研发工程师 - 梁晓谊 - SegmentFault 思否
vue--vuex详解 - 游鱼与渔 - 博客园
如何更好的使用module vuex? - 掘金
Vue递归组件+Vuex开发树形组件Tree--递归组件 - 掘金
DIY 一个 Vuex 持久化插件 - 掘金

vue-loader

vue-loader core

vuejs/vue-loader: 📦 Webpack loader for Vue.js components
Introduction | Vue Loader
Introduction · vue-loader
介绍 | Vue Loader
Choose a language · vue-loader
Introduction · vue-loader
Migrating from v14 | Vue Loader

DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic · Issue #666 · vuejs/vue-loader

vue-router

scroll-behavior

滚动行为 | Vue Router

vue-router 导航守卫

导航守卫 | Vue Router
Vue-Router路由钩子函数(导航守卫) - 简书
对vue-router 3个钩子的理解 - 流年的樱花逝 - SegmentFault 思否
Vue2.0生命周期(组件钩子函数与路由守卫) - - SegmentFault 思否
vue-router路由切换 组件重用挖下的坑 - 踩坑小王子 - CSDN博客
用 vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录) - Latency の 博客 - CSDN博客
vue2.x使用beforeRouteEnter路由钩子进行鉴权 - 掘金

vue-router addRouters

Vue-router-3.0.1 使用router.addRoutes()设置动态路由,页面刷新后无效 - 中文 - Vue Forum
vue-element-admin/index.js at 42aa24d1d7821d4932d81a280b87fb6ee050148e · BiYuqi/vue-element-admin
BiYuqi/vue-element-admin: 🎢基于vue, element-ui 的后台系统 包含侧边栏权限过滤等常用组件
BiYuqi/vue-multiple-tabs: vue-cli3 动态路由, 复用路由, 自动注入路由, 增删路由, 实战多tab页
vue权限控制路由(vue-router 动态添加路由) - qq_28529373的博客 - CSDN博客
vue.js - Vue-router-3.0.1 使用router.addRoutes()设置动态路由,动态路由对应页面直接刷新后无效 - SegmentFault 思否
vue-router addRoutes后如何刷新? - SegmentFault 思否
手摸手,带你用vue撸后台 系列二(登录权限篇) - 手摸手系列 - SegmentFault 思否
Route Meta Fields | Vue Router
vue 解决addRoutes动态添加路由后,刷新失效问题 - - SegmentFault 思否
vue的动态路由(登录之后拿到动态路由通过addRouters()动态添加路由) - 奔跑吧前端(李钊) - 博客园
详解基于vue,vue-router, vuex以及addRoutes进行权限控制 - Runlin - 博客园
liuyangjike/dynamic-router: daynamic-router to display menu
vue-router动态添加路由的方法,addRouter添加路由,提示:Duplicate named routes definition-Bug收集 - Bug搜集
console warnin:Duplicate named routes definition · Issue #1727 · vuejs/vue-router
addRoutes后,我换一个账号登录权限不一样了,怎么删除之前添加的的路由? · Issue #416 · PanJiaChen/vue-element-admin
Feature request: replace routes dynamically · Issue #1234 · vuejs/vue-router

vuejs/vue-router: 🚦 The official router for Vue.js.
Introduction | Vue Router
介绍 | Vue Router
vue-router 源码阅读 - 文件结构与注册机制 - 掘金
vue-router 一些容易被忽略的知识点 - 掘金
学习vue-router - 掘金
说说 vue-router 组件的高级应用 - 掘金
可能比文档还详细--VueRouter完全指北 - 掘金
解决vue在控制台的 NavigationDuplicated 报错 - 红尘码农·Joseph - CSDN博客
VueRouter之加载解析VueRouter文件_玉案轩窗的博客-CSDN博客
VueRouter之构建VueRouter对象以及new Vue涉及的处理_玉案轩窗的博客-CSDN博客
addRoutes实现动态权限路由菜单 - 个人文章 - SegmentFault 思否

vuejs-templates

vuejs-templates

vue-resource

pagekit/vue-resource: The HTTP client for Vue.js

Vue.js SSR

vuejs/vue-ssr-docs: Vue.js Server-Side Rendering Guide
Vue.js Server-Side Rendering Guide | Vue SSR Guide
Introduction · GitBook(!SSR)

Vue.js组件库

¥contextmenu

vue 自定义右键样式 - 掘金

¥chart&map

chartjs

vue-bulma/chartjs: Chartjs component is based on chart.js for Vue Bulma

d3

用 vue + d3 画一棵树 - 掘金

v-charts

ElemeFE/v-charts: 基于 Vue2.0 和 ECharts 封装的图表组件📈📊
介绍 - v-charts

vue-chartist

Yopadd/vue-chartist: Pluging chartist for vuejs

vue-trend

QingWei-Li/vue-trend: 🌈 Simple, elegant spark lines for Vue.js

vue-baidu-map

ElemeFE/vue-amap: 🌍 基于 Vue 2.x 和高德地图的地图组件
GuillaumeLeclerc/vue-google-maps: Google maps component for vue with 2-way data binding
Dafrok/vue-baidu-map: Baidu Map components for Vue 2.x
Vue Baidu Map
vue-baidu-map的使用 - 花落微凉梦清幽的博客 - CSDN博客

vue-chartkick

ankane/vue-chartkick: Create beautiful JavaScript charts with one line of Vue
Vue Chartkick - Create beautiful JavaScript charts with one line of Vue

vue-3d-model

hujiulong/vue-3d-model: 📷 vue.js 3D model viewer component
vue-3d-model

vue-echarts-v3

vue-cmap

Vue China Map Demo

vue-apollo

vuejs/vue-apollo: 🚀 Apollo/GraphQL integration for VueJS
Vue Apollo

vue-charts

Vue Charts

Coffcer/vue-chat: chat example by vue.js + vuex + webpack
miaolz123/vue-chart: A Powerful and Highspeed Chart Parser for Vue1.X.X & Vue2.X.X
weizhenye/vue-highcharts: Highcharts component for Vue
SimonZhangITer/DataVisualization: by vue2.0 with echarts3.3.2
做一个具有异步加载特性的 echarts-vue 组件 - DB.Reid - SegmentFault 思否
ecomfe/vue-echarts: ECharts component for Vue.js.
apertureless/vue-chartjs: 📊 Vue.js wrapper for Chart.js

¥Clip

vue-clipboard2

vue-clipboard2 | A simple vue2 binding to clipboard.js

¥Color

vue-color

xiaokaike/vue-color: Vue Color Pickers for Sketch, Photoshop, Chrome & more http://vue-color.surge.sh

¥drag&drop

Vue.Draggable

SortableJS/Vue.Draggable: Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js

vue-draggable-resizable

mauricius/vue-draggable-resizable: Vue2 Component for draggable and resizable elements.

vue-dropzone

Vue2-Dropzone

vue-dragula

vue-dragula

vue-drag-and-drop-list

vue-drag-and-drop-list

hilongjw/vue-dragging: A sortable list directive with Vue

¥datepicker&calendar

vuejs-datepicker

charliekassel/vuejs-datepicker: A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations

vue-moment

brockpetrie/vue-moment: Handy Moment.js filters for your Vue.js project.

vue-calendar

jinzhe/vue-calendar: A calendar components for Vue.js.
vue-calendar

vue-fullcalendar

Wanderxx/vue-fullcalendar: vue calendar fullCalendar. no jquery required. Schedule events management
CroudTech/vue-fullcalendar: FullCalendar Wrapper for vue

vue-datepicker-simple

dai-siki/vue-datepicker-simple: A datepicker component for vue. (适用中国用户的vue日期选择组件)

vue-date-picker

vue-datepicker

vue-event-calendar

vue-event-calendar

vue-datetime

mariomka/vue-datetime: Mobile friendly datetime picker for Vue. Supports date and datetime modes, i18n and disabling dates.

hilongjw/vue-datepicker: [Deprecated] calendar and datepicker component with material design for Vue.js
Haixing-Hu/vue-datetime-picker: A Vue.js component implementing the datetime picker control using the Eonasdan's bootstrap datetime picker plugin.
phoenixwong/vue2-timepicker: A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support
Bubblings/vue-date-picker: datepicker component for Vue.js
vue-bulma/datepicker: Datepicker Component for Vue Bulma
icai/vue2-calendar: vue 2.x calendar component
基于Vue组件化的日期联动选择器 - 掘金

¥data

bitbench

vue-countup-v2

xlsdg/vue-countup-v2: Vue.js component wrap for countUp.js

vue-data-grid

LucienLee/vue-data-grid: An example that complex table interaction in Vue.js
vue data grid

¥Element

awesome-element

ElementUI/awesome-element: A curated list of Element projects

element

ElemeFE/element: A Vue.js 2.0 UI Toolkit for Web
Element
Element - 网站快速成型工具
Element - 网站快速成型工具
Element - 网站快速成型工具
element ScrollBar滚动组件源码深入分析 - 掘金

element-form-builder

codetrial/element-form-builder: Build element-ui forms with JSON schema.
ElementUI Form Builder

vue-observe-visibility

Akryum/vue-observe-visibility: Detect when an element is becoming visible or hidden on the page.

element FAQ

Vue + Element UI + Lumen 实现通用表格功能 - 分页 - 掘金
element ScrollBar滚动组件源码深入分析 - 掘金
VUE ElementUI 项目总结 - 掘金
Element-UI 框架 el-scrollbar 组件 - 掘金
Element-ui上传文件大小限制 - 何度 - CSDN博客
vue+ element 使用render渲染table、render-header自定义表头、scopedSlots自定义数据格式 - qq_37508970的博客 - CSDN博客
element-ui自定义表格头部的两种方法 - 童心虫鸣 - 博客园
vue项目中将element-ui table表格写成组件 - sosoqi - 博客园
vue+element 表格formatter数据格式化并且插入html标签 - FannieGirl - 博客园
如何在element-UI 组件的change事件中传递自定义参数 - front-gl - 博客园
el-input @change无法触发问题描述与解决方案 - 简书
vue.js - 基于element-ui封装table,如何为指定列传递 formatter 函数? - SegmentFault 思否

¥event handling

vue-events

cklmercer/vue-events: Simple event handling for Vue.js

vue-gesture

mlyknown/vue-gesture: touch events plugin for Vue.js.You can v-gesture directive,and directive auguments can use a tap, swipe, etc

vue-clickaway

simplesmiler/vue-clickaway: Reusable clickaway directive for reusable Vue.js components

vuemit

gocanto/vuemit: The smallest Vue.js events handler.

vue-bus

yangmingshan/vue-bus: A event bus for Vue.js

Vue.resize

David-Desmaisons/Vue.resize: Vue directive to detect resize events with deboucing and throttling capacity.

¥Format

awesome-mask

wirecardBrasil/awesome-mask: The awesome-mask runs with Vue.js and uses the vanilla-masker to make your form awesome with masks.

vue-numeric

kevinongko/vue-numeric: Input field component to display a formatted currency value based on Vue.js
vue-numeric demo

vue-cleave-component

ankurk91/vue-cleave-component: Vue.js component for Cleave.js

vue-the-mask

vuejs-tips/vue-the-mask: Tiny (<2k gzipped) and dependency free mask input for Vue.js
The Mask for Vue.js

vue-masked-input

niksmr/vue-masked-input: Masked input component for Vue.js

v-mask

probil/v-mask: 🔡 Tiny input mask library for Vue.js (directive)

vue-mask

devindex/vue-mask: Vue Mask Plugin

v-money

vuejs-tips/v-money: Tiny (<2k gzipped) input/directive mask for currency
Vue App

¥form&table

¥table

vue-tree-table

no-simple/vue-tree-table: 基于vue与element-ui组件中talbe实现的无限级联tree table。

vuetable

Vuetable-2
ratiw/vuetable-2 at next

vue-sortable

VueJS Sortable

ratiw/vue-table: data table simplify! -- vuetable is a Vue.js component that will automatically request (JSON) data from the server and display them nicely in html table with swappable/extensible pagination component.
ratiw/vuetable-2: data table simplify! -- datatable component for Vue 2.x
matfish2/vue-tables-2: Vue.js 2 grid components
galenyuan/vue-datatable: [DEPRECATED] Datatable component for Vuejs
coderdiaz/vue-datasource: A vue.js component to create dynamic tables
QianGuoqing/vue-qabler: Vue技术栈实现Tabler,封装一些常用UI组件🎏
jbaysolutions/vue-bootstrap-table: A sortable and searchable table, as a Vue component, using bootstrap styling.

awesome-mask

dd-vue-component

ibufu/dd-vue-component: Dingdanlaile's vue components.

ellipsis-plus

lucefer/ellipsis-plus: a text-overflow vue component
文本截断知多少 - 掘金

form-create

xaboy/form-create: 强大的表单生成器|Form builder with dynamic rendering, data collection, validation and submission capabilities, built-in 17 common form components, support for two-way data binding, event extension, and support for building built
form-create

vue-form-generator

vue-generators/vue-form-generator: A schema-based form generator component for Vue.js

Vue-Cleave

Vue-Cleave - 在Vue中使用CleaveJS格式化你的输入内容 - 掘金
jrainlau/vue-cleave: Format input text content when you are typing
Cleave.js - Format input text content when you are typing
nosir/cleave.js: Format input text content when you are typing...

vue-password-strength-meter

apertureless/vue-password-strength-meter: 🔐 Password strength meter based on zxcvbn in vue.js

vue-input-autosize

syropian/vue-input-autosize: A simple Vue.js directive to autosize text input fields

vue-button

steven5538/vue-button: Button component for Vue.js v2.0.1+.

vue-city

xinxingyu/vue-city: a vue component that show city infomation

v-region

TerryZ/v-region: A simple region cascade selector, provide 4 levels Chinese administrative division data
Vue Components

v-dropdown

TerryZ/v-dropdown: A Vue2 plugin for dropdown container layer

vue-cascading-address

savokiss/vue-cascading-address: vue address select component
vue-cascading-address

vue-area

vue-city-picker

blue0728/vue-city-picker: vue-city-picker component for vue.

vue-float-label

brtjkzl/vue-float-label: Float label pattern for Vue.js

shentao/vue-multiselect: Universal select/multiselect/tagging component for Vue.js
MopTym/vue-waterfall: A waterfall layout component for Vue.js
matfish2/vue-form-2: Vue.js 2 Form Component
vue-form-2 - npm
phanan/vue-google-signin-button: A simple Vue plugin to include a Google sign-in button into your web app

¥gantt

DHTMLX/vue-gantt-demo: dhtmlxGantt with vue.js
mamboer/vue-easy-gantt: A simple Vue.js gantt chart plugin for presenting weekly tasks
vue-easy-gantt - Vue 2.0 Gantt Chart Plugin | 「Faso.ME」

¥H5

VUE开发微信H5页面总结 - 掘金
qq9694526/vue-wxh5: Vue+微信网页开发最佳实践

¥HTTP

ajax.js

wusfen/ajax.js: ajax.js $.ajax vue.ajax vue-ajax v-ajax vue ajax

http-vue-loader

FranckFreiburger/http-vue-loader: load .vue files from your html/js

vue-axios

imcvampire/vue-axios: A small wrapper for integrating axios to Vuejs

vueify

vuejs/vueify: Browserify transform for single-file Vue components

vue-jsonp

LancerComet/vue-jsonp: A tiny library for handling JSONP request.

v-ajax

vue-demo/v-ajax: v-ajax plug-in with functions of ajax、jsonp

zan-proxy

youzan/zan-proxy: An extensible proxy for PC/Mobile/APP developer
Zan Proxy
youzan/zan-proxy: An extensible proxy

¥icon&emoji

emoji-mart-vue

jm-david/emoji-mart-vue: One component to pick them all 👊🏼

vue-svg-icon

cenkai88/vue-svg-icon: a solution for multicolor svg icons in vue2.0 (vue2.0的可变彩色svg图标方案)
vue-svg-icon

vue-emoji

Vue.js 图标选择组件实践 - 前端 - 掘金
Vue实现图片与文字混输🔥 - 掘金

¥image

lazyload-vue

Kazap/lazyload-vue: Vue Plugin for vanilla-lazyload

lazy-vue

gocanto/lazy-vue: A small lazy image loader for Vue
lazy-vue - demo

PicGo

Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by electron-vue
PicGo
PicGo
Tag: Electron-vue | MARKSZのBlog
PicGo:基于 Electron 的图片上传工具 - 少数派
从零开始为 PicGo 开发一个新图床 - 掘金

vue-img-orientation-changer

nikli2009/vue-img-orientation-changer: A vue plugin that can help you display image in correct orientation.

vue-cropper

vue-images

littlewin-wang/vue-images: A simple lightbox component for displaying an array of images
vue-images

vue-lazyloadImg

yodfz/vue-lazyloadImg: vue插件,延迟载入图片.

vue-picture-input

vue-img-loader

JackGit/vue-img-loader: this is a image loader UI component for Vue 2.X
VueImgLoader Demo

vue-lazy-background-images

vue-image-clip

vue-cropper

vue-cropper

vue-lazyload-img

Document

vue-lazyload

hilongjw/vue-lazyload: A Vue.js plugin for lazyload your Image or Component in your application.

v-viewer

mirari/v-viewer: Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js

手把手实现图片懒加载+封装vue懒加载组件 - 掘金
一个Vue图片上传剪裁压缩组件 - 掘金

¥layout

vue-container-query

v-comp/vue-container-query: vue-container-query

vue-grid-layout

jbaysolutions/vue-grid-layout: A draggable and resizable grid layout, for Vue.js.
Vue Grid Layout Example 1 - Basic Responsive

¥loading

vue-control-load

XueMary/vue-control-load: Auto loading plugin for vue. 👏 You don't need to write showLoading and hideLoading any more.

vue-loading

loading
Vue Loading
Coffcer/vue-loading: vue1 directive, show loading block in any element

mint-ui/mint-loadmore: A two-direction mobile load-more component for vue.js
BosNaufal/vue2-loading-bar: Simplest Youtube Like Loading Bar Component For Vue 2. http://bosnaufal.github.io/vue2-loading-bar/
PeachScript/vue-infinite-loading: An infinite scroll plugin for Vue.js.

¥List

vue-recyclerview

hilongjw/vue-recyclerview: Mastering Large Lists with the vue-recyclerview
Vue 超大数据列表解决方案 vue-recyclerview 开源 - 前端 - 掘金

¥media

Gokotta

MagicMusic

vue-music-player

microzz/vue-music-player: 🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Vue音乐播放器 - Powered by microzz.com

surmon-china/vue-video-player: 🎞 @videojs component for @vuejs
hilongjw/vue-video: A HTML5 video player component for Vue.js
vue-play/vue-play: 🍭 A minimalistic framework for demonstrating your Vue components
Mini Music Player - VueJS

¥model&toast

modal

vue-bulma/modal: Modal component for Vue Bulma

sweet-modal-vue

vodal

Vodal

vue-toast-mobile

euvl/vue-js-modal: Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal.

¥Menu&Nav

VueCircleMenu

OYsun/VueCircleMenu: A beautiful circle menu powered by Vue.js

vue-side-nav

vue-comps/vue-side-nav: side-nav - done in vue

¥Page

$pagination

laravel-vue-pagination

laravel-vue-pagination

Laravel Vue Pagination

vue-paginate

vue-laypage

vue-laypage

vuejs-paginate

vue-pagination-2

matfish2/vue-pagination-2: Vue.js 2 pagination component

vue-meta

nuxt/vue-meta: Manage page meta info in Vue 2.0 components. SSR + Streaming supported.
Vue Meta

vue-meta-info

muwoo/vue-meta-info: 📡设置vue 单页面meta info信息,支持SSR
处理 Vue 单页面 Meta SEO的另一种思路 - 知乎

¥progress

vue-progress

qddegtya/v-circle: A collection of circle progress with Vue.js.
dalphyx/vue-top-progress: Yet another top progress loading bar component for Vue.js.
Akryum/vue-progress-path: Progress bars and loading indicators for Vue.js
james2doyle/vue-file-upload-component: A simple file upload component for Vue.js. Emits events for XHR Upload Progress for nice progress bars.

vue-radial-progress

Vue.js Radial Progress Bar Demo

vue-rate

Vue Rate

hilongjw/vue-progressbar: A lightweight progress bar for vue
MatteoGabriele/vue-progressive-image: Vue progressive image loading plugin

¥QR code

vue-qart

superman66/vue-qart: the compoent of vue 2.x for qart.js

vue-qrcode-reader

gruhn/vue-qrcode-reader: A set of Vue.js components for detecting and decoding QR codes.
Vue Qrcode Reader

¥route

vue-router-prefetch

egoist/vue-router-prefetch: Prefetch links that are only visible in viewport.

vue-router-transition

weinot/vue-router-transition: A page transition plugin for vue-router

vue路由前进后退动画 - 掘金

¥scroll&slide

¥slider

vue-slider-component

vue-slider-component
NightCatSama/vue-slider-component: Can use the slider in vue1.x and vue2.x(vue滑块组件)

vue-slideout

vouill/vue-slideout: Simple vue implementation of Slideout.js touch sidebar / sidemenu library

shhdgit/vue-easy-slider: Slider Component of Vue.js.
hilongjw/vue-slide: A lightweight slide component for vue
warpcgd/vue-concise-slider: vue-concise-slider,A simple vue sliding component

¥scroll

vue-virtual-scroller

Akryum/vue-virtual-scroller: ⚡️ Smooth scroll with any amount of data
vue-virtual-scroller

vue-smoothscroll

Teddy-Zhu/vue-smoothscroll: a vue version smoothscroll for website

vue-parallax

vue-comps/vue-parallax: Scrolls a image slower than the window to create a neat optical effect.

vue-image-scroll

vue-163music-slider

v-bar

ElemeFE/vue-infinite-scroll: An infinite scroll directive for vue.js.
wangdahoo/vue-scroller: Scroller Component for Vue.js
egoist/vue-mugen-scroll: Infinite scroll component for Vue.js 2
BosNaufal/vue-scrollbar: The Simplest Scroll Area Component with custom scrollbar for Vue Js. https://bosnaufal.github.io/vue-scrollbar/
suguangwen/vue-scroll: vue scroll which can work.

vue-waypoint

scaccogatto/vue-waypoint: v-waypoint directive for Vue, this is the easiest way to trigger a function when you scroll

vue-swing

goweiwen/vue-swing: Vue.js wrapper for Swing

vue-loop

wade-ui

wade-ui - npm

ElemeFE/vue-swipe: A touch slider for vue.js.
weilao/vue-swiper: Swiper component For Vue 1.0.
shiye515/vue-m-carousel: vue 移动端轮播组件

¥Storage

vue-reactive-storage

ropbla9/vue-reactive-storage: Reactive layer for interacting with localStorage from Vue. Plugin for Vue 2.

vue-local-storage

pinguinjkeke/vue-local-storage: Vue.js localStorage plugin with types support

single

vuejs/vue-syntax-highlight: 💡 Sublime Text syntax highlighting for single-file Vue components
bootstrap-vue/bootstrap-vue: BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
OYsun/VueStar: A like button with delightful star animation powered by Vue.js
ElemeFE/vue-msgbox: A message box (like Sweet Alert) for vue.js.
Wlada/vue-carousel-3d: Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js
QingWei-Li/vue-region-picker: [DEPRECATED]
CroudTech/vue-quill: Quill component for vue
MMF-FE/vue-svgicon: A tool to create svg icon components. (vue 2.x). Using inline svg.
bkzl/vue-float-label: Float label pattern for Vue.js
nicolasbeauvais/vue-social-sharing: A Vue.js component for sharing links to social networks, work with Vue.js 1.X or 2.X
Ginhing/vue-tagsinput: A tags input component based on Vue.js
vue-bulma/handsontable: Vue Table component
F-loat/vue-simplemde: 📝Vue-SimpleMDE - use simplemde with vue.js
myronliu347/vue-popup-mixin: 基于vue开发的popup 的mixins 用于管理弹出框的遮盖层
fangyongbao/cubeex: cubeex是基于vue2.0开发的组件库,将包含一套完整的移动UI。这也是魔方元科技开源的首个H5相关的项目, 这里有一群对前端技术狂热的追求者, 如果你对我们的研发感兴趣,欢迎fork
bbonnin/vue-morris: VueJS component wrapping Morris.js
staskjs/vue-slick: Vue component for Slick-carousel (http://kenwheeler.github.io/slick)
bajian/vue-pull-to-refresh: vue.js,refresh,load more,Vue2.0 上下拉刷新
threeaccents/vue-webgulp: Vue.js + Webpack + Gulp + Vue Loader
Metnew/vue-element-starter: Vue starter with Element-UI [READY, unmaintained now]
muwoo/vnode2canvas: Rendering virtual DOM into canvas based on Vue plugin
simpleTeam3/simple: 一个基于vue 的组件库
jofftiquez/vue-stripe-checkout: A vue plugin for Stripe checkout.
kaorun343/vue-youtube-embed: Vue.js and YouTube
mint-ui/mint-indicator: A mobile indicator plugin for vue.js
Vue组件库大全 - 简书
vue相关库 - 简书
vue开源项目库汇总 - 简书
Vue 开源项目库汇总 - 简书
Vue开源项目库汇总 - 简书

¥Touch

vue-touch-keyboard

icebob/vue-touch-keyboard: Virtual keyboard component for Vue.js 2.x. Designed to Raspberry Pi Touch Display

vue-touch-ripple

vue-touch-ripple

¥Tree

vue-json-tree-view

vue-tree

weibangtuo/vue-tree: A tree component

vue-ztree

lisiyizu/vue-ztree

横向对比Element-tree、ztree、ivew-tree性能对比分析与源码修改自定义组件 - 掘金

¥Tabs

vue-tabs

alexqdjay/vue-tabs: 多tab页框架替代router支持vue2.0

vue-tabs-component

vue-tabs-component

¥tips&notice

vue-autosuggest

darrenjennings/vue-autosuggest: 🔍 Vue autosuggest component.
Storybook

vue-notification

Vue.js Notifications
euvl/vue-notification: Vue.js 2 library for showing notifications

vue-popper

vue-popper | :whale: VueJS popover component based popper.js
RobinCK/vue-popper: VueJS popover component based popper.js

vue-notifications

se-panfilov/vue-notifications: Vue.js agnostic library for non-blocking notifications
VueNotifications

vue-ios-alertview

Wyntau/vue-ios-alertview: iOS7+ style alertview service for Vue

Akryum/v-tooltip: 💬 Easy tooltips, popovers, dropdown for Vue 2.x

¥text editor

markcook

jrainlau/markcook: A smart and beautiful markdown editor.
Markcook 2.0 | A smart and beautiful markdown editor

mavonEditor

mavonEditor|码文 在线markdown编辑器

vetur

vuejs/vetur: Vue tooling for VS Code.

vue-typewriter

eduardostuart/vue-typewriter: ⌨️ Vue component that types

vue2-editor

vue-mdEditor

heyscrumpy/tiptap: A rich-text editor for Vue.js
tiptap
OYsun/vscode-VueHelper: vscode插件,vue,vue-router和vuex的代码提示

¥theme

vuedarkmode

LeCoupa/vuedarkmode: 👩‍🎨👨‍🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.

vue-ripple

BosNaufal/vue-ripple: Vue Component to Make Google Material Design Ripple Effect. http://bosnaufal.github.io/vue-ripple/
Vue Ripple | Vue Component to Make Google Material Design Ripple Effect

¥upload

vue-dropzone-拖拽上传

kfei/vue-s3-dropzone: Vue.js component works with AWS S3 serverlessly

v-uploader

vue-core-image-upload

vue-core-image-upload a vue plugin for image to crop and upload. (一款轻量级vue.js图片上传裁剪插件)

vue-upload-component

vue-upload-component- Upload Component - Uploader

vue-image-crop-upload

demo

vue-simple-upload

vue-simple-upload | Simple File upload component for Vue.js

vue-img-inputer

waynecz/vue-img-inputer: 🏞 A graceful image type inputer / uploader
vue-img-inputer

vue-file-upload

marchFantasy/vue-file-upload: vue.js ,vue-loader 上传文件,vue-file-upload,vue上传文件组件
vue-file-upload - npm

vue-upload-file

Package - vue-upload-file

¥UI组件

ant-design

vueComponent/ant-design: An enterprise-class UI components based on Ant Design and Vue. 🐜
🚀 Ant Plus,Ant Design Form 从未如此简单 - 掘金
10分钟精通Ant Design Form表单 - 掘金
Ant Design of Vue - Ant Design Vue

ant-design-vue

vueComponent/ant-design-vue: An enterprise-class UI components based on Ant Design and Vue. 🐜
vueComponent/ant-design-vue-awesome: ant-design-vue-awesome
Ant Design of Vue - Ant Design Vue

bootstrap-vue

Bootstrap Vue
bootstrap-vue/bootstrap-vue: BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.

cube-ui

didi/cube-ui: A fantastic mobile ui lib implement by Vue
cube-ui Document
cube-ui lib
滴滴开源 Vue 组件库— cube-ui - 掘金

heyui

hey-cli/README_zh.md at master · heyui/hey-cli
heyui/heyui: UI Toolkit for Web, Vue2.0
HeyUI: UI Toolkit for Web, Vue2.0
“真相定律”之Layout组件 - 掘金
🎂HeyUI 组件库两周年,中后台管理系统 HeyUI Admin 发布🎉🎉 - 掘金

kui-vue

chuchur/kui-vue: 基于VUE2.0的 UI组件库,欢迎使用!
KUI - 高质量的UI组件库

jk-ui

liuyangjike/JKUI
造个自己的Vue的UI组件库类似Element - 掘金

material-ui-vue

Material UI Vue
material-ui-vue/package.json at master · JackGit/material-ui-vue

muse-ui

museui/muse-ui: Material Design UI library for Vuejs 2.0

Mand Mobile

Mand Mobile-Mand Mobile
didi/mand-mobile: 💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
Mand Mobile-A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios

mov-mobile

func-star/mov-mobile: Mona系列 - Vue移动端组件库
Mov - 让你感到幸福的 Vue 组件库

NutUI

NutUI 2.0 - 移动端Vue组件库
jdf2e/nutui: 京东风格的轻量级移动端Vue组件库 (A Vue.js 2.0 UI Toolkit for Mobile Web)
京东风格的移动端Vue组件库NutUI2.0来啦 - 前端 - 掘金
【更新日志】京东Vue移动端组件库NutUI - 掘金

PC界面UI组件库iView

iview/iview: A high quality UI Toolkit built on Vue.js 2.0
iView - A high quality UI Toolkit based on Vue.js
春节将至,iView 近期的一些更新 - 掘金
vue + iview 项目实践总结 - 掘金

PyUI

ftdus/PyUI
Vue 开源项目之 UI 组件库招人啦~~~ - 掘金

ui

vuejs/ui: 💻 UI components for official Vue organization apps

wevue

WE-VUE

vux

VUX - Vue 移动端 UI 组件库
vux-ui

vui

Brickies/vui: 💯 A personal Vue UI component library for Mobile
Vui - Vue UI for Mobile

vue-material

vuematerial/vue-material: Material design for Vue.js

vue-plyr

redxtech/vue-plyr: A set of Vue components for the plyr video & audio player.

vux

airyland/vux: Mobile UI Components based on Vue & WeUI

vant

youzan/vant: Lightweight Mobile UI Components built on Vue

YDUI

一只基于Vue2.x的移动端&微信UI。 -YDUI Touch

ElemeFE/mint-ui: Mobile UI elements for Vue.js
JosephusPaye/Keen-UI: A lightweight collection of essential UI components written with Vue and inspired by Material Design
vuematerial/vue-material: Material design for Vue.js
museui/muse-ui: Material Design UI library for Vuejs 2.0
luojilab/radon-ui: 一个用于快速开发产品的简洁、优雅、高效的 Vue 组件库
FE-Driver/vue-beauty: Beautiful UI components build with vue and ant design
chenz24/vue-blu: UI Component Library Base on Vue.js(2.x) and Bulma
ccforward/rubik: Material Design 风格的 Vue.js UI 组件库
NewDadaFE/vue-impression: A Vue.js 2.0 UI elements for mobile.
loujiayu/vue-material-design: Vue material components.
vuwe/vuwe: WeUI for Vue2
myronliu347/vue-carbon: 基于vue开发的material design ui库
tianyong90/we-vue: 使用 Vue2.x + weui1.x 开发的组件
airyland/vux: Mobile UI Components based on Vue & WeUI
vuetifyjs/vuetify: 🐉 Material Component Framework for Vue.js 2
wangdahoo/vonic: Mobile UI Components, based on Vue.js and ionic CSS. https://wangdahoo.github.io/vonic-documents
Zulko/eagle.js: A hackable slideshow framework built with Vue.js
OYsun/VueCircleMenu: A beautiful circle menu powered by Vue.js
buefy/buefy: Lightweight UI components for Vue.js based on Bulma
JosephSmith127/vue-loop: Infinite content loop for Vue
ecomfe/vue-echarts: ECharts component for Vue.js.
PeachScript/vue-infinite-loading: An infinite scroll plugin for Vue.js.
Vanthink-UED/vue-core-image-upload: a vue plugin for image to crop and upload
Zhangdroid/Gokotta: A simple music player built by electron and vue
sagalbot/vue-sortable: A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable
alessiomaffeis/vue-picture-input: Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more
xlsdg/vue-echarts-v3: Vue.js(v2.x+) component wrap for ECharts.js(v3.x+)
lian-yue/vue-upload-component: Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter
TahaSh/vue-paginate: A simple vue.js plugin to paginate data
ydcss/vue-ydui: A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。
rowanwins/vue-dropzone: A Vue.js component for Dropzone.js - a drag’n’drop file uploads utility with image previews
Awheat/vue2-douban-market: 这是基于vue2 + vue-router2 + vuex + axios 仿(豆瓣市集)的一个webapp项目!
dai-siki/vue-image-crop-upload: A beautiful vue component for image cropping and uploading. (vue图片剪裁上传组件)
microzz/vue-chat: 👥Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室。
hinesboy/mavonEditor: mavonEditor - A markdown editor based on Vue that supports a variety of personalized features
adeptoas/sweet-modal-vue: The sweetest library to happen to modals.
creotip/vue-particles: Vue.js component for particles backgrounds ✨
Astray-git/vue-dragula: Drag and drop so simple it hurts http://astray-git.github.io/vue-dragula
hejianxian/vue-drag-and-drop-list: 🐴 Vue directives for modifying lists with the HTML5 drag & drop API.
davidroyer/vue2-editor: A text editor using Vue.js and Quill
hchstera/vue-charts: Base on Vue2.0 wrapper for ChartJs.
JALBAA/vue-lazyload-img: A plugin of vue for image lazyload(vue图片懒加载插件)
santiblanko/vue-instant: vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications
ovenslove/vue-mdEditor: 基于VUE的markdown文本编辑器
cngu/vue-typer: Vue component that simulates a user typing, selecting, and erasing text.
wdfe/wdui: Mobile UI Components Library based on Vue 2.0 at Weidian
spatie/vue-tabs-component: An easy way to display tabs with Vue
hzzly/MagicMusic: 🎵不一样的音乐
Coffcer/vue-loading: vue1 directive, show loading block in any element
chenjiahan/vodal: A vue modal with animations.
surmon-china/vue-touch-ripple: 👆 Touch ripple component for @vuejs
GeoffZhu/vue-event-calendar: A simple events calendar for Vue2, no dependencies except Vue2.
luiguild/v-bar: The virtual responsive crossbrowser scrollbar component for VueJS 2x
lokyoung/vuejs-paginate: A Vue.js(v2.x+) component for creating pagination.
ElemeFE/vue-toast-mobile: A mobile toast plugin for vue.js
weifeiyue/vue-datepicker: datepicker component for Vue.js
youzan/vant: Lightweight Mobile UI Components built on Vue
michaelfitzhavey/vue-json-tree-view: A JSON Tree View Component for Vue.js
SinanMtl/vue-rate: Rate component for Vue
wyzant-dev/vue-radial-progress: Radial progress bar component for Vue.js
8788/vue-date-picker: datepicker component for Vue 2.x
Kocisov/coffeebreak: Tool for live editing CSS components written in Vue
xaksis/vue-good-wizard: An easy and clean VueJS 2.x wizard plugin
jkchao/vue-loading: 😄 vue-loading 😊
lithiumjake/vue-placeholders: A simple Vue (http://vuejs.org) directive for placeholder images and lorem-ipsum text.
chengxulvtu/cxlt-vue2-toastr: toast notification component for vue2
formly-js/vue-formly: JavaScript powered forms for Vue.js
BosNaufal/vue2-autocomplete: Vue 2 Component to make Autocomplete element.
ecomfe/veui: Enterprise UI for Vue.js.
yunfeihuang/vx-ui: vue components 移动端UI组件库
craigh411/vue-star-rating: A simple, highly customisable star rating component for Vue 2.x.
xyxiao001/vue-cropper: A simple picture clipping plugin for vue
jkchao/vue-emoji: vue-emoji like this: 😄 🦐 😳
blue0728/vue-area: 省市区三级联动插件 for vue2.x ----停止更新,请看新版
ShanaMaid/vue-image-scroll: 【Using】 a good vue-image-scroll component!
legeneek/vue-image-clip: Image clip component based on vue2
saivarunk/vue-simple-upload: Simple File upload component for Vue.js
darrynten/vue-lazy-background-images: Lazy load background images for Vue 2
gilbitron/laravel-vue-pagination: A Vue.js pagination component for Laravel paginators that works with Bootstrap
Teddy-Zhu/vue-waves: it's a vuejs version of waves
sinchang/vue-laypage: 📃 A simple pagination component for Vue.js 2.x
doodlewind/vue-cmap: Vue China map visualizing component, supports drilldown and lazy loading.
ElemeFE/vue-desktop: A UI library for building admin panel website.
yeseason/paco-ui-vue

¥validation

vuelidate

vuelidate/vuelidate: Simple, lightweight model-based validation for Vue.js
Vuelidate | A Vue.js model validation library

Vue-Easy-Validator

MetinSeylan/Vue-Easy-Validator: Easy form validation plugin
Metin Seylan - Software Developer

vue-verify-pop

aweiu/vue-verify-pop: 自带气泡提示的vue校验插件

vue-interactive-paycard

muhammederdem/vue-interactive-paycard: Credit card form with smooth and sweet micro-interactions

¥vue state manage

SuperVue

cevio/super-vuex: super vuex classic
SuperVue
super-vuex使用体验 - 掘金
Super-Vuex 状态管理最佳实践 - 掘金

¥vue component documentation

vuese

Overview | Vuese
vuese/vuese: 🤗 One-stop solution for vue component documentation

jsdoc-vuejs

Kocal/jsdoc-vuejs: 📖 A JSDoc plugin for documenting .vue files.

¥Zoom

vue-zoombox

vue-comps/vue-zoombox: a advanced zoombox

¥实际开发案例

phanan/koel: A personal music streaming server that works.
pagekit/pagekit: Pagekit CMS
Vuedo/vuedo: Vuedo is a blog platform, built with Laravel and Vue.js.
lzxb/vue-cnode: 基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
ciqulover/CMS-of-Blog: deprecated
mrgodhani/rss-reader: Simple RSS Reader made using atom electron and vue.js
viko16/vue-ghpages-blog: ✏️ A blog based on GitHub Pages built with Vue.js 2 + webpack 3.
thelinuxlich/vue-dashing-js: The dashboard framework Dashing reimplemented in Node.js + Vue.js
sapjax/fewords: a simple notepad supports markdown
shinygang/Vue-cnodejs: 基于vue.js重写Cnodejs.org社区的webapp
hilongjw/vue-zhihu-daily: zhihu daily spa with vue 线上演示在这里 ---->
useryangtao/vue-wechat: 用Vue.js开发微信app
lzxb/vue2-demo: 从零构建vue2 + vue-router + vuex 开发环境到入门,实现基本的登录退出功能
kenberkeley/vue-demo: Vue.js 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释,让您快速上手 Vue.js 开发 SPA。Webpack / ES6 + Babel / Vue Router / (Vue Resource?) / (Vue Validator?) / (Vuex?) —— An Excellent Vue
zhengguorong/maizuo: 使用vue/vuex/redux开发的卖座网
codecasts/spa-starter-kit: A highly opinionated starter kit for building Single Page Applications with Laravel and Vue.js
Sioxas/vue-music: Vue 音乐搜索、播放 Demo
ericjjj/douban: Douban book website demo by server side render
liangxiaojuan/vue-Meizi: vue最新实战项目,vue2 + vuex + webpack + es6 干货多多,新手福利
yatessss/zhihudaily-vue: 知乎日报web版---vue
lavyun/vue-demo-kugou: 酷狗webapp demo(vue2.0+vue-router+vuex)
canfoo/vue2.0-taopiaopiao: vue2.0+router+vuex+express 构建淘票票的全栈demo
jiangjiu/vue-leancloud-blog: Vue.js+Vuex+vue-router 我的单页应用博客
yjj5855/node-vue-server-webpack
wendaosanshou/mi-by-vue: 使用vue.js模仿小米官网
okoala/vue-fis3: Vue & Fis3 & Use Vue Component
superman66/vue2.x-douban: Vue2.0实现简易豆瓣电影webApp
ChuckCZC/vue-demo-maizuo: 用vue2模仿卖座网:http://m.maizuo.com/v4/?co=maizuo
iHaPBoy/vue-zhihudaily: 🗞 知乎日报 Web 基于 Vue 2.3
liujians/vue-adminLte-vue-router: SPA about vue-cli+adminLte+vue-router
superman66/vue-axios-github: Vue 全家桶 + axios 前端实现登录拦截、登出、拦截器等功能
pomelo-chuan/Zhihu-Daily-Vue.js: 依旧江山,无边云树
rokups/hello-vue-django: vuejs and Django integration with hot code reload
wszgxa/vue-cnode: 一个vuex vue-router vue-resource的单页面应用demo,api来自cnodejs
CommanderXL/x-blog: 个人博客
xrr2016/vue-express-mongodb: 前后端分离
cs1707/vue-zhihudaily-2.0: Zhihudaily demo built with Vue 2.0, vue-router & vuex, with server-side rendering
lin-xin/notepad: 基于vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。
elva2596/vueBlog
hql123/vue-ruby-china: 使用Vue.js框架搭建的ruby china山寨版,集成vue-router+vuex等
littlewin-wang/Zhihu_Daily: A Zhihu_Daily Web demo made by Vue.js
SimonZhangITer/VueDemo_Sell_Eleme: ele by vue2.x
njleonzhang/vue-data-tables: A simple, customizable and pageable table, based on vue2 and element-ui
Molunerfinn/vue-koa-demo: A simple full stack demo(CSR & SSR & Docker Support) written by Vue2 & Koa2(Koa1 verson also completed)
vincentSea/vue2.x-Cnode: 基于vue+vue-router+vuex+axios+webpack开发的vue2.x Cnode社区
shaqihe/life-app-vue: 使用vue2,完成一个多功能集合到小webapp
SidKwok/github-explorer: github-explorer(vue)
albertchan/vue-ssr-boilerplate: Vue + vue-router + vuex boilerplate with server-side rendering
nswbmw/vue-bushishiren: 不是诗人
WebCodeFarmer/houtai: 基于VUE和ElementUI的微信后台编辑系统
QRL909109/ios7: 使用vue2.0、vuex、vue-router 模拟ios7
tyllo/Framework7-VueJS: Application built on top of Framework7 and VueJS, use: demo/demo
jo0ger/cnode-vue: 基于Vue2.0和Vue-router构建的web端cnodejs网站SPA
zhoou/vue-cli-multipage-bootstrap: vue-cli-multipage-bootstrap demo with vue2+vue-router+vuex+bootstrap+markdown for learning vue2.0
Alex-xd/seeMusic: Vue 云音乐播放器,网易云音乐API,可听网易云高品质付费歌曲。 Vue music player
moonou/zhihu-daily-vue: zhihu daily for vue2.0
sailengsi/sls-vuex2-demo: 基于vue2+vuex2实现的购物车demo
fishenal/vuejs-demo-project: a vue demo project
Halfeld/v-notes: Simple and beautiful notepad to Markdown with Vue.js and Local Storage API
BosNaufal/vue-starter: Simple Vue Js Starter for single page application with Vuex and Vue Router
youknowznm/vue-memo: 完全原创的基于 Vue.js 的记事本应用
DMQ/mvvm: 剖析vue实现原理,自己动手实现mvvm
DivanteLtd/vue-storefront: Vue Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, MIT license. Join us as contributor (contributors@vuestorefront.io).
arronf2e/Vue2.0LOL: 🌹 🌹 vue2.0版英雄联盟助手
eteplus/vue-sui-demo: 用vue 和 SUI-Mobile 写了一个移动端demo,用来反馈学习vue的成果(禁用了SUI自带的路由,使用vue-router, vue-resource, webpack)[a web app written by vue & sui-mobile]

¥国际化

vue-i18n

kazupon/vue-i18n: Internationalization plugin for Vue.js
Vue I18n

vuex-i18n

dkfbasel/vuex-i18n: Localization plugin for vue.js 2.0 using vuex as store

i18n-collect-cli

xujiujiu/i18n-collect-cli: vue项目中基于i18n 的多语言的中文提取与写入的工具

¥骨架屏

vue-content-placeholders

michalsnik/vue-content-placeholders: Composable components for rendering fake (progressive) content like facebook in vue

VUE单页应用骨架屏方案 - 掘金
Vue 页面骨架屏注入实践 - 掘金
为vue项目添加骨架屏 - xiaOp的博客
Vue页面骨架屏 - 前端 - 掘金

vue-skeleton-webpack-plugin

lavas-project/vue-skeleton-webpack-plugin: Lavas webpack plugin: skeleton solution for PWA webshell

¥组件模版

coreui-free-vue-admin-template

coreui/coreui-free-vue-admin-template: CoreUI Vue is free Vue admin template based on Bootstrap 4
🆓 Free Vue.js Admin Template · CoreUI

styled-vue

egoist/styled-vue: Use dynamic styles in Vue single-file components.

vue-vscode-snippets

sdras/vue-vscode-snippets: These snippets were built to supercharge my workflow in the most seamless manner possible.

vue-create-api

cube-ui/vue-create-api: Make Vue component's invocation by API.

vuep

QingWei-Li/vuep: 🎡 A component for rendering Vue components with live editor and preview.

vue-online

Sopamo/vue-online: A reactive offline indicator component for vue.js

vue-lazy-render

yeyuqiudeng/vue-lazy-render: A vue component for lazy rending vue component

vue-lazy-component

Coffcer/vue-lazy-component: Vue directive for lazy load components or elements
vue-lazy-component

vue-2-boilerplate

petervmeijgaard/vue-2-boilerplate: Vue 2 boilerplate for developing medium to large single page applications.

聊一聊Vue组件模版,你知道它有几种定义方式吗? - 掘金
NetanelBasal/vue-generate-component: Vue js component generator

¥实用库与辅助工具

dayspan-vuetify

ClickerMonkey/dayspan-vuetify: A collection of components that visualizes DaySpan Calendars and Schedules using Vuetify

epic-spinners

epicmaxco/epic-spinners: Easy to use css spinners collection with vue.js integration

Famous-Vue

irwansyahwii/Famous-Vue: Vue components for Famous Javascript library
Layouting in Famous-Vue – Irwansyah – Medium

lit-vue

egoist/lit-vue: 🔥 Vue SFC goodies directly in JavaScript files.

rollup-plugin-vue

vuejs/rollup-plugin-vue: Roll .vue files
Introduction | Rollup Plugin Vue

vue-lodash

Ewocker/vue-lodash: This is a small wrapper for integrating lodash into VueJs

vue-async-computed

foxbenjaminfox/vue-async-computed: Async computed properties for Vue.js

vue-classify

vue-classify, 将 JS 写的 vue option object 转为 Typescript class 形式 - 前端 - 掘金
hikerpig/vue-classify: Convert option-object style vue component to typescript class component

vue-slot-checker

mya-ake/vue-slot-checker: Provide the function to check slot like checking props.
vue-slot-checker - npm

vuepress-plugin-seo

lorisleiva/vuepress-plugin-seo: 🔌 Generate SEO friendly meta header for every page

vue-no-ssr

egoist/vue-no-ssr: Vue component to wrap non SSR friendly components (428 bytes)

vue-shortkey

iFgR/vue-shortkey: Vue-ShortKey - plugin for Vue.js

vue-cordova

kartsims/vue-cordova: Vue.js plugin for Cordova
API Docs | Vue Cordova

vue-ts-loader

HerringtonDarkholme/vue-ts-loader: Type-check your script in your vue-loader

vue-create-root

any86/vue-create-root: 不到1kb的小工具, 把组件变成this.$xxx命令.

vue-ref

vueComponent/vue-ref: You can use the callback to get a reference like react

vue-gn-components

huxiaocheng/vue-gn-components: 这里有一些标准组件库可能没有的功能组件,已有组件:放大镜、签到、图片标签、滑动验证、倒计时、水印、拖拽、大家来找茬。

vue-rx

vuejs/vue-rx: 👁️ RxJS integration for Vue.js.
vue-rx的初步使用_水痕-CSDN博客

¥testing utility

avoriaz

eddyerburgh/avoriaz: 🔬 a Vue.js testing utility library

debugger

vuejs/vue-devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.
MiCottOn/DejaVue: Visualization and debugging tool built for Vue.js

¥vue npm

vue-npm-template

cristijora/vue-npm-template: Quick start for publishable to npm vue components

常用vue库

ElemeFE/element: A Vue.js 2.0 UI Toolkit for Web
monterail/vuelidate: Simple, lightweight model-based validation for Vue.js
vue-comps/vue-side-nav: side-nav - done in vue
mint-ui/mint-indicator: A mobile indicator plugin for vue.js
vue-bulma/chartjs: Chartjs component is based on chart.js for Vue Bulma
suguangwen/vue-scroll: vue scroll which can work.
BosNaufal/vue-ripple: Vue Component to Make Google Material Design Ripple Effect. http://bosnaufal.github.io/vue-ripple/
icebob/vue-touch-keyboard: Virtual keyboard component for Vue.js 2.x. Designed to Raspberry Pi Touch Display
ankane/vue-chartkick: Create beautiful JavaScript charts with one line of Vue
lisiyizu/vue-ztree
alexqdjay/vue-tabs: 多tab页框架替代router支持vue2.0
eduardostuart/vue-typewriter: ⌨️ Vue component that types
ibufu/dd-vue-component: Dingdanlaile's vue components.
yeseason/paco-ui-vue
steven5538/vue-button: Button component for Vue.js v2.0.1+.
petervmeijgaard/vue-2-boilerplate: Vue 2 boilerplate for developing medium to large single page applications.
framework7io/framework7-vue: Build full featured iOS & Android apps using Framework7 & Vue
wangxg2016/vue-bulma: 轻量级高性能MVVM Admin UI框架,Charts Collaopse Modal NavMenu Pagination ProgressBar Rating Timeline Toast

¥服务端

vue-lazy-hydration

maoberlehner/vue-lazy-hydration: Lazy hydration of server-side rendered Vue.js components

vue-crud-x

ais-one/vue-crud-x

express-vue/express-vue: Vue rendering engine for Express.js. Use .Vue files as templates using streams
ccforward/vue-ssr: Vue.js Server Side Render Template with Webpack2 & Express 🐝 🤠
leaves4j/vue-easy-renderer: Vue.js server-side renderer for *.vue file with Node.js.

¥文本、文档

vue-pdf

FranckFreiburger/vue-pdf: vue.js pdf viewer

史上最全vue组件库!极速围观
Vue 组件库实践和设计 - 掘金

vue project

FasterWeb

httprunner/FasterWeb: FasterWeb that depends FasterRunner

github-visualization

github visualization
ssthouse/github-visualization: a simple github visualization

mpvue-weui

KuangPF/mpvue-weui: 用 vue 写小程序,基于 mpvue 框架重写 weui。

Mysql web端sql审核平台 yearning

cookieY/Gemini: Yearning-web Page Framework

MintloG

采用 vue+webpack 构建的单页应用——私人博客 MintloG 诞生记 - 掘金
jrainlau/MintloG: 使用Vuejs+Webpack+VueRouter+VueResource搭建的博客SPA

mpvue

Meituan-Dianping/mpvue: 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
mpvue-docs
记一次基于mpvue的小程序开发及上线实战 - 掘金

made with vue.js

Vue.js Showcase - Made With Vue.js

vue-ts-daily

xiaomuzhu/vue-ts-daily: 基于vue、Typescript、pwa的一款习惯养成app

vue2-douban-market

db_market

vue-chat

智能聊天室 Vue Chat Powered by microzz.com

vue-comps

vue-comps

Vcn

webproblem/Vcn: 学习Vue源码,实现一个简单的MVVM框架

vue-demo

webproblem/vue-demo: vue2 + vue-router + vuex + iview 入门项目,移动端的一个简易考试系统平台。 https://webproblem.github.io/vue-demo/dist/
vue-demo

vue-travel

YxrSadhu/vue-travel: 模仿旅游网站做个webapp

vue2-elm

bailicangdu/vue2-elm: 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用

vue2-manage

bailicangdu/vue2-manage: 基于 vue + element-ui 的后台管理系统

vue-music-webapp

caijinyc/vue-music-webapp: A Music WebApp based on the Vue.
vue-music-webapp

¥vue多页面

xwpongithub/vue-multipage-cli: Simple Multiple-page CLI for scaffolding Vue.js projects
JaneSu/multiple-vue-page
基于webpack2.x的vue2.x的多页面站点 - 前端 - 掘金
基于webpack2.x的vue2.x的多页面站点 · Issue #17 · zhaoqize/blog
你要的移动端vue多页面脚手架,都帮你集成和封装好了 - 掘金

vue-multi-module

BothEyes1993/vue-multi-module: 多模块集成的vue项目,多项目共用一份配置,可以互相依赖,也可以独立打包部署
vue-multi-module【多模块集成的vue项目,多项目共用一份配置,可以互相依赖,也可以独立打包部署】 - 掘金

¥Vue多组件仓库

Vue多组件仓库开发与发布 - 掘金

¥Vue同构(服务器渲染)(SSR)

Vue同构(一): 快速上手 - 掘金
Vue同构(二): 路由与代码分割 - 掘金
Vue同构(三): 状态与数据 - 掘金
se7en-1992/5se7en.com: nuxtjs+express+vue2+vuex搭建的服务端渲染(SSR)个人网站项目
Vue 服务端渲染 & 预渲染 - 掘金
从0开始,搭建Vue2.0的SSR服务端渲染 - 简书

¥vue前后端分离

LeanCloud
BlameDeng/sun-server-demo: 后端源码。线上预览地址
BlameDeng/sun-client-demo: 前端源码。配置介绍:
「伪全栈」Vue2.5+Node.js搭建一个多页面商城应用 - 掘金

¥vue全栈

vue+node全栈移动商城

Vue+Node+vant+mongoDB移动商城实战【1】 - 掘金
vue+node移动商城【2】-环境安装 - 掘金
vue+node全栈移动商城【3】-安装express,实现第一个nodeJs接口 - 掘金
vue+node全栈移动商城【4】-创建get、send接口,接收数据更新视图 - 掘金
vue+node全栈移动商城【5】-简单的筛选搜索功能 - 掘金
vue+node全栈移动商城【6】-node接口配置文件 - 掘金
vue+node全栈移动商城【7】路由跳转-注册页面 - 掘金
vue+node全栈移动商城【8】-vant新建注册页面 - 掘金
vue+node全栈移动商城【9】注册页面判断条件 - 掘金
vue+node全栈移动商城【10】注册页面传值到node中间件 - 掘金
vue+node全栈移动商城【11】连接mongodb并存入数据 - 掘金

express+mongodb+vue实现增删改查-全栈之路 - 掘金
「前端进阶」vue+koa2+mongodb+oss阿里云部署自己的网站 - 掘金

¥处理付款订单

stripe

stripe/stripe-python: Python library for the Stripe API.
Stripe - Online payment processing for internet businesses
Stripe.js v2 Reference | Stripe
[译] 使用 Stripe, Vue.js 和 Flask 接受付款 - 掘金

VUE Cookbook 系列:实现可配置组合表单 - 掘金
egoist/eme: Elegant Markdown Editor.
PeakTai/vue-html5-editor: An html5 wysiwyg editor for vue
hifarer/vueditor: A wysiwyg editor written in Vue.js and Vuex.js
yunyi1895/vue-music-master: 用vue写了一个手机端网页音乐播放器
https://juejin.im/post/5c4a69a1f265da61163a1e5f
Cordova+Vue 混合开发实现下载并预览 - 掘金
vue全家桶 ---创建一个新的vue项目 - 掘金
Vue集成Ueditor - 掘金
kaola-fed/rds-vue: rde组件库,包含Components、Mixins、Directives、Filters、Utils
panda-fe/panda-vue: PFE团队 - Vue常用组件、mixin、util库

vue framework

admin模板

wangxg2016/vue-bulma: 轻量级高性能MVVM Admin UI框架,Charts Collaopse Modal NavMenu Pagination ProgressBar Rating Timeline Toast
PanJiaChen/vue-element-admin: A magical vue admin http://panjiachen.github.io/vue-element-admin
devjin0617/vue2-admin-lte: adminLTE to vuejs v2.x converting project
shenghy/jspangAdmin: Vue2.0作的后台管理系统的架构
lynzz/element-admin: 一个支持 vue-cli 的 Element UI 的后台模板
hanjiangxueying/vue2-iview2-admin: 基于vue2和iview2的后台管理系统
artiely/vue-admin-iview: vue后端管理系统界面 基于ui组件iview
taylorchen709/vue-admin: admin template based on vuejs2 and element.
vue-bulma/vue-admin: Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3
lanux/Vue-Admin: 基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
iview/iview-admin: Vue 2.0 admin management system template based on iView
d2-projects/d2-admin: An elegant dashboard
iView-admin - 登录

从零搭建自己的Vue管理端框架

从零搭建自己的Vue管理端框架(一) - 掘金
从零搭建自己的Vue管理端框架(二) - 掘金
从零搭建自己的Vue管理端框架(三) - 掘金
从零搭建自己的Vue管理端框架(四) - 掘金
从零搭建自己的Vue管理端框架(五) - 掘金
从零搭建自己的Vue管理端框架(六) - 掘金

eagle.js

Eagle.js

eros

bmfe/eros: 📱一套 Vue 代码,两端原生应用 ,或许可以叫我 weex-native。

framework7-vue

framework7io/framework7-vue: Deprecated! Build full featured iOS & Android apps using Framework7 & Vue

gotodevops.org

gaea-cli

gaea-cli - npm

nuxt.js

libs

nuxt/create-nuxt-app: Create Nuxt.js App in seconds.
anteriovieira/nuxt-sass-resources-loader: SASS resources (e.g. variables, mixins etc.) module for NuxtJs
⚡ Nuxt PWA
nuxt-community/dotenv-module: Loads your .env file into your application context
nuxt-community/sentry-module: Sentry module for NuxtJS
nuxt-community/analytics-module: Google Analytics Module
nuxt-community/express-template: Starter template for Nuxt.js with Express.

nuxt/nuxt.js: The Vue.js Developers Framework
warriorBrian/nuxt.js: The Vue.js Developers Framework
GitHub - warriorBrian/nuxt-blog: 基于Nuxt.js服务器渲染(SSR)搭建的个人博客系统
Introduction - Nuxt.js
深入学习Vue SSR服务端渲染 用Nuxt.js打造CNode社区 - 掘金
深入NUXT,看看一条命令行的背后到底发生了什么 - 掘金

nativescript-vue

nativescript-vue/nativescript-vue: Native mobile applications with NativeScript and Vue

quasar

quasarframework/quasar: Quasar Framework - High performance, Material Design 2, full front end stack with Vue.js

uni-app

uni-ui

dcloudio/uni-ui: 基于uni-app的ui框架

dcloudio/uni-app: 使用 Vue.js 开发跨平台应用的前端框架
uni-app官网
DCloud 插件市场
uni-app 入坑指南 - 掘金

Vue CLI

Vue CLI Core

Vue CLI2

vuejs/vue-cli at v2

vuejs/vue-cli: 🛠️ CLI for rapid Vue.js development
Vue CLI 3
Vue CLI
Introduction · GitBook
vue-cli/packages/@vue/cli-service/lib/config at dev · vuejs/vue-cli

vue-cli3-project

lentoo/vue-cli3-project: vue-cli3-project
vue-cli3 项目从搭建优化到docker部署 - 掘金
trsoliu/vue-cli3.x-configure: 基于vue-cli3.x下,配合vuex、vue-router、iView、axios、scss、amfe-flexible、vConsole等等等
trsoliu/vue-cli3-command: 基于vue-cli3脚手架自动化打包命名发版本部署脚本

从0到1使用VUE-CLI3开发实战

从0到1开发实战手机站(二):Git提交规范配置 - 掘金
从0到1使用VUE-CLI3开发实战(四): Axios封装 - 掘金
从0到1使用VUE-CLI3开发实战(五):模块化VUEX及使用vuetify - 掘金
从0到1使用VUE-CLI3开发实战(六):这是一个有代码洁癖的项目 - 掘金
一份超级详细的Vue-cli3.0使用教程[赶紧来试试!] - 掘金

¥vue-cli-plugin

如何编写一个vue cli插件 - 掘金

vue-cli FAQ

vue-cli中理不清的assetsSubDirectory 和 assetsPublicPath - 掘金
vue-cli3静态资源static assets项目结构 - Notes - SegmentFault 思否
vue-cli2 中 assets 和 static 文件夹的区别 - Wayne8016的博客
vue-cli assets文件夹和static文件夹的区别 - 简书
Vue-cli中的静态资源管理(src/assets和static/的区别) - Panax - 博客园
Vue-cli 项目处理src/assets下静态资源 - 中文 - Vue Forum
vue-cli3静态资源static assets项目结构 - 細水、長流√的专栏
javascript - vue-cli assets 和static 分别到底应该放什么文件. - SegmentFault 思否
vue-cli3静态资源static assets-JavaScript中文网-JavaScript教程资源分享门户
vue-cli 图片动态引入 怎么写呢?图片放在了assets 里面了。_慕课猿问
Deploying ES2015+ Code in Production Today — Philip Walton
【vue-cli3升级】老项目提速50%(一) - 掘金
【vue-cli3升级】老项目提速50%(二) - 掘金
vue-cli3 从搭建到优化 - 掘金
结合vue-cli来谈webpack打包优化 - 掘金
深入认识 vue-cli:能做的不仅仅是初始化 vue 工程 - 掘金
「Vue实践」项目升级vue-cli3的正确姿势 - 掘金
窥探 Vue CLI3 UI 内置插件 - 关闭网络端口 - 掘金
Vue-cli@3.0 插件系统简析 - 掘金
Vue-Cli3多页面配置与编译时构建优化 - 掘金
vue-cli3 项目框架优化(OneLine周分享) - 掘金
vue-cli 3.0 下发布一个 TypeScript 组件.md - 掘金
vue cli 3.0快速创建项目 - 掘金
在 WebStorm 中,配置能够识别 Vue CLI 3 创建的项目的别名 alias @ - 掘金
用vue-cli3从0打造一个完整的UI库 - 掘金
Vue-CLI 3.x 自动部署项目至服务器 - 掘金
Vue CLI 3 项目构建基础 | 码农网
vue2:使用vue-cli生成的脚手架,在开发配置上需要注意的事情 - 我有我的个人空间 - OSCHINA
让vue-cli3.0 配置简单起来(vue.config.js编结) - 掘金
vuecli3+webpack4优化实践(删除console.log和配置dllPlugin) - 掘金

Vue-Donut

【工程化】从 0 搭建 VueJS 移动端组件库开发框架 - 掘金
Vue-Donut——专用于构建Vue的UI组件库的开发框架 - 掘金

vue-native

GeekyAnts/vue-native-core: Vue Native is a framework to build cross platform native mobile apps using JavaScript
Vue Native

vuetify

Vue.js Material Component Framework — Vuetify.js

Vue-Socket.io

MetinSeylan/Vue-Socket.io: 😻Socket.io implementation for Vuejs and Vuex

vuepack

egoist/vuepack: A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron)

N3-components/N3-components: N3-components , Powerful Vue UI Library.
honraytech/VueThink: VueThink是一套基于Vue全家桶(Vue2.x + Vue-router2.x + Vuex)+ ThinkPHP5的前后端分离框架。
annnhan/vue-spa-template: The base code of vue.js project.
andrewcourtice/vuetiful: Vuetiful is a component framework written on top of the Vue reactive library. It is primarily designed for creating business/administration applications where the displaying of data is paramount.
cklmercer/vue-stack-2.0: Vue 2.0 Project Boilerplate
erguotou520/vue-fullstack: vue fullstack template
cristijora/vue-paper-dashboard
Vue构建工具的设计与实现 - 前端 - 掘金
从零开发一套完整的vue项目开发环境 - 掘金

vue 资源 & 整理集 & FAQ

Vue 资源

自定义/自实现组件

@mentions

vue 下评论实现@ mention提及功能 - 掘金

debounce

vue2 debounce 实现 - lickPack的博客 - CSDN博客
Vue项目按需打包Lodash - savokiss - 博客园
在vue+element ui框架里怎么用lodash的debounce防抖 - liangxhblog的博客 - CSDN博客
Vue实现函数防抖组件 - 掘金

table

table 组件了解一下? - 掘金

从零实现Vue的组件库

从零实现Vue的组件库(零)- 基本结构以及构建工具 - 掘金
从零实现Vue的组件库(一)- Toast 实现 - 掘金
从零实现Vue的组件库(二)- Slider 实现 - 掘金
从零实现Vue的组件库(三)- Tabs 实现 - 掘金
从零实现Vue的组件库(四)- File-Reader实现 - 掘金
从零实现Vue的组件库(五)- Breadcrumb 实现 - 掘金
从零实现Vue的组件库(六)- Hover-Tip 实现 - 掘金
从零实现Vue的组件库(七)- Message-Box 实现 - 掘金
从零实现Vue的组件库(八)- Input 实现 - 掘金
从零实现Vue的组件库(九)- InputNumber 实现 - 掘金
从零实现Vue的组件库(十)- Select 实现 - 掘金
从零实现Vue的组件库(十一)- 结合 Functional Component 实现 Date-picker - 掘金
从零实现Vue的组件库(十二)- Table 实现 - 掘金
从零实现Vue的组件库(十三)- Pagination 实现 - 掘金
从零实现Vue的组件库(十四)- RadioGroup 实现 - 掘金
从零实现Vue的组件库(十五)- Checkbox-Group 实现 - 掘金
从零实现Vue的组件库(十六)- Dropdown 实现 - 掘金

rascalHao/kiko: 一个基于Vue2.0的弹窗组件(PC)
aview/BaseSlider.vue at master · alex2wong/aview
浅尝Vue.js组件(一) - 掘金
浅尝Vue.js组件(二) - 掘金
如何开发一个基于 Vue 的 ui 组件库(一) - 掘金
如何开发一个基于 Vue 的 ui 组件库(二) - 掘金
一起撸vue组件(一):拖拽API实战之拖拽组件 - 掘金
一起撸vue组件(二):带妹上分之<大家来找茬>'辅助'工具 - 掘金
使用 Vue 实现 Context-Menu 的思考与总结 - 掘金
用于铁胆火车侠运行排班数据展示系统,一个基于Vue构建的Gantt-like 图表组件 - 掘金
基于vue-cli3快速发布一个fullpage组件 - 掘金
160行代码仿Vue实现极简双向绑定[详细注释] - 掘金
一个鲜为人知的高性能组件注册及实现组件排序技巧 - 掘金
封装Vue组件的一些技巧 - 掘金
基于 vue-cli3 打造属于自己的 UI 库 - 掘金
手牵手教你写 Vue 插件 - 掘金
vue 手写一个时间选择器 - 掘金
Vue-插件开发 - 掘金
Vuex持久化插件-解决刷新数据消失的问题 - 掘金
重构:从 0.1 构建一个 Vue 表单验证插件 - 掘金
vue表单验证你真的会了吗?组件之表单验证(form)validate - 掘金
基于vue实现web端超大数据量表格 - 掘金
Vue解析剪切板图片并实现发送功能 - 掘金
Vue Webpack 组件化开发实践 | 晚晴幽草轩
vue组件开发,可以全面在第三方框架引入
前端教程
"可插拔式"组件设计,领略组件开发的奥秘 - 掘金

编码规范 & 风格指南 & 命名风格

中文 - docs
风格指南 — Vue.js
Vue.js命名风格指南 - 掘金

Vue笔记&汇总

Vue 开发必须知道的 36 个技巧【近1W字】 - 掘金
第一阶段 Vue基础语法-第一集:Vue.js入门基础 - 掘金
第一阶段 Vue基础语法-第二集:Vue2.5开发去哪网 - 掘金
第二阶段 vue项目实战-第一集:快速入门web阅读器开发 - 掘金
Vue2.5笔记:Vue中的模版 - 掘金
Vue2.x 的笔记:第一次的感受 Vue 开篇 - 掘金
Vue2.5笔记:Vue的实例与生命周期 - 掘金
Vue2.5笔记:Class与Style几种绑定用法 - 掘金
Vue 开发经验小记 - 掘金
Vue简史 - 掘金
Vue项目history模式下微信分享总结 - 掘金
[译] Vue.js 优雅地集成第三方 JavaScript - 掘金
VUE 项目:API配置、版本控制(V1.0方案) - 掘金
Vue 系列一 之 Vue 基础 - 掘金
Vue 系列二 之 猛龙行动之绝密代码 - 掘金
Vue 实践小结 - 掘金
vue知识点记录 - 掘金
Vue + Canvas项目总结 - 掘金
Vue前端开发规范 - 掘金
VUE组件汇总 - 掘金
【收藏】2019年最新Vue相关精品开源项目库汇总 - 掘金
Vue经典开源项目汇总 - 掘金
[总结]vue开发常见知识点及问题资料整理(持续更新) - 风雨后见彩虹 - 博客园
vue引入第三方非模块化插件 · Issue #4 · CodeDreamfy/CodeDemo
Use Any Javascript Library With Vue.js - Vue.js Developers
Topic: vue-plugin
[总结]vue开发常见知识点及问题资料整理(持续更新) - 风雨后见彩虹 - 博客园
Vue2.0 新手完全填坑攻略——从环境搭建到发布 - 简书

icon/图片

Vue项目中优雅使用icon - 掘金

Vue 整理集

Vue折腾记

Vue折腾记 - (1)写一个不大靠谱的二级侧边栏 - 掘金
Vue折腾记 - (2)写一个不大靠谱的面包屑组件 - 掘金
Vue折腾记 - (3)写一个不大靠谱的typeahead组件 - 掘金
Vue 折腾记 - (4) 写一个不大靠谱的 loading 组件 - 掘金
Vue 折腾记 - (5) 写一个不大靠谱的selectSearch组件 - 掘金
Vue 折腾记 - (6) 写一个不大靠谱的backToTop组件 - 掘金
Vue 折腾记 - (7) 写一个挺不靠谱的Vue-Echarts组件 - 掘金
Vue 折腾记 - (8) 写一个挺靠谱的多地区选择组件 - 掘金
Vue 折腾记 - (9) 写一个挺靠谱的typeahead组件 - 掘金
Vue 折腾记 - (10) 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示) - 掘金
Vue 折腾记 - (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化 - 掘金
Vue 折腾记 - (12) Nuxt.js写一个校验访问浏览器设备类型及环境的中间件 - 掘金
Vue 折腾记 - (13) Nuxt.js写一个常规音频的播放组件,动态注入微信,新浪微博的js-sdk - 掘金
Vue 折腾记 - (14) Nuxt.js 2 正式版升级采坑以及部署姿势改动 - 掘金
Vue 折腾记 - (15) 捣鼓一个中规中矩loading组件 - 掘金
Vue 折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件 - 掘金
Vue 折腾记 - (17) 基于Ant Design Vue 封装一个配置式的表单组件 - 掘金
Vue 折腾记 - (18) 用Vue的Inject Provide结合Event Bus来实现局部的状态维护 - 掘金

Vuejs渡劫系列

Vuejs渡劫系列一:日常开发中必须掌握的细节(keng) | 莫伟德个人网站 | 技术香波岛
Vuejs渡劫系列二:最全的vue-cli项目下的配置简析 | 莫伟德个人网站 | 技术香波岛
Vuejs渡劫系列三:构建一个包含路由控制、状态管理和权限校验的vue-cli项目 | 莫伟德个人网站 | 技术香波岛

设计模式在vue中的应用

设计模式在vue中的应用 (一) - 掘金
设计模式在vue中的应用(二) - 掘金
设计模式在vue中的应用(三) - 掘金
设计模式在vue中的应用(四) - 掘金
设计模式在vue中的应用(五) - 掘金
设计模式在vue中的应用(六) - 掘金
设计模式在vue中的应用(七) - 掘金
巧用设计模式构建可配置Vue前端应用-活动页生成系统实践 - 掘金
面试必看:剖析Vue原理之发布订阅者模式(基础篇) - 掘金

Vue 的小奇技

【译】Vue 的小奇技(第一篇):提高大型数据列表的性能 - 掘金
【译】Vue 的小奇技(第二篇):衡量 Vue 应用的运行时性能 - 掘金
【译】Vue 的小奇技(第三篇):用 PurgeCSS 移除不需要的 CSS - 掘金
【译】Vue 的小奇技(第四篇):Vue.js 2.6.0 中的新指令 v-slot - 掘金
【译】Vue 的小奇技(第五篇):使用 v-bind 和 v-on 打造自适应组件 - 掘金
【译】Vue 的小奇技(第六篇):在 Vue.js 2.6 中不使用 Vuex 来创建 store - 掘金
【译】Vue 的小奇技(第七篇):在 vue-multiselect 基础上创建 ImageSelect 组件 - 掘金
【译】Vue 的小奇技(第八篇):两个鲜有人知的 Vuex 技巧 - 掘金
【译】Vue 的小奇技(第九篇):快照测试的威力 - 掘金
【译】Vue 的小奇技(第十篇):监听第三方组件的生命周期钩子 - 掘金
【译】Vue 的小奇技(第十一篇):高效简洁的函数式组件 - 掘金
【译】Vue 的小奇技(第十二篇):组件创建时立即调用观察者回调 - 掘金

你也许不知道的Vuejs

你也许不知道的Vuejs - 最佳实践(1) - 掘金
你也许不知道的Vuejs - 最佳实践(2) - 掘金
你也许不知道的Vuejs - 最佳实践(3) - 掘金
你也许不知道的Vuejs - 状态管理 - 掘金
你也许不知道的Vuejs - 自定义路由实现 - 掘金
你也许不知道的Vuejs - 插件开发 - 掘金
你也许不知道的Vuejs - 定制开发项目模板 - 掘金
你也许不知道的Vuejs - 使用ESLint检查代码质量 - 掘金
你也许不知道的Vuejs - 使用ES6快乐的玩耍 - 掘金
你也许不知道的Vuejs - 单文件组件 - 掘金
你也许不知道的Vuejs - 工欲善其事必先利其器 - 掘金
你也许不知道的Vuejs - 组件式开发 - 掘金
你也许不知道的Vuejs - 强大的指令系统 - 掘金
你也许不知道的Vuejs - 深入浅出响应式系统 - 掘金
你也许不知道的Vuejs - 花式渲染目标元素 - 掘金
你也许不知道的Vuejs - 前言 - 掘金

手摸手,带你用vue撸后台系列

手摸手,带你用vue撸后台 系列一(基础篇) - 掘金
手摸手,带你用vue撸后台 系列二(登录权限篇) - 掘金
手摸手,带你用vue撸后台 系列三(实战篇) - 掘金
手摸手,带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板) - 掘金
手摸手,带你用vue撸后台 系列五(v4.0新版本) - 掘金

Vue项目各目录结构及作用

Vue UI库之初始构建项目结构_玉案轩窗的博客-CSDN博客
Vue UI库之基本构建配置说明_玉案轩窗的博客-CSDN博客
vue项目各目录结构及作用 - 简书
Vue的目录结构 - 起小点 - CSDN博客
VUE项目目录结构介绍 - 柳牧之的博客 - CSDN博客
Vue项目---目录结构 - - SegmentFault 思否
Vue入坑——vue-cli(脚手架)目录结构认识 - 铸剑为犁413的个人空间 - OSCHINA
Vue.js 目录结构 | 菜鸟教程
深入理解Vue-cli搭建项目后的目录结构探秘_vue.js_脚本之家
Vue 入门之项目目录结构介绍-云栖社区-阿里云
Vue项目目录结构 - 简书
Vue项目目录结构解析 - 简书
vue项目开发基本目录结构 - 放晴的天空 - 博客园
vue 文件目录结构详解_vue.js_脚本之家
Vue项目目录架构 - - SegmentFault 思否
Vue 开发|文件目录结构部署 - - SegmentFault 思否
vue-cli 工程目录结构介绍 详细介绍 - Ralapgao - 博客园
[vue学习]vue项目的文件和目录结构 - 简书

Vue入门指南

Vue入门指南(快速上手vue) - 掘金
Vue入门指南-01创建vue实例 (快速上手vue) - 掘金
Vue入门指南-02自定义全局和局部指令 (快速上手vue) - 掘金
Vue入门指南-03 vue官方提供的指令 (快速上手vue) - 掘金
Vue入门指南-04 事件机制和事件/按键修饰符和过滤器及监听属性(快速上手vue) - 掘金
Vue入门指南-05 Vue实例的生命周期(快速上手vue) - 掘金
Vue入门指南 axios的应用及拦截封装 - 掘金
Vue入门指南-06 Vue中的动画(快速上手vue) - 掘金
Vue入门指南-07 Vue中的组件(快速上手vue) - 掘金
Vue入门指南-08 Vue中的标签/如何获取DOM元素(快速上手vue) - 掘金

Vue教程系列

Vue教程00:MVC、MVP、MVVM模式的区别,服务端渲染与客户端渲染的区别 - 掘金
Vue教程01:Vue表达式与v-bind指令 - 掘金
Vue教程02:v-model、v-text、v-html - 掘金
Vue教程03:Vue事件、v-show、v-if指令 - 掘金
Vue教程04:v-for指令 - 掘金
Vue教程05:v-pre、v-cloak指令 - 掘金
Vue教程06:数据同步、双向绑定原理 - 掘金
Vue教程07:事件修饰符 - 掘金
Vue教程08:Computed计算属性、Watch监听属性 - 掘金
Vue教程09:双向绑定对象中属性原理 - 掘金
Vue教程10:使用vue-router实现路由和传参 - 掘金
Vue教程11:利用JS实现路由跳转,路由监听和导航守卫 - 掘金
Vue教程12:多视图 - 掘金
Vue教程13:基于Webpack构建项目 - 掘金
Vue教程14:配置子路由 - 掘金
Vue教程15:Vue组件 - 掘金
Vue教程16:Vue实例生命周期详解 - 掘金
Vue教程17:组件间通信之一:通过组件实例通信 - 掘金
Vue教程18:组件间通信之二:通过事件通信 - 掘金
Vue教程19:Vue 2.0组件开发模式 - 掘金
Vue教程20:Vuex入门 - 掘金
Vue教程21:Vuex Getter - 掘金
Vue教程22:mapState、mapActions、mapGetters - 掘金
Vue教程23:Vuex异步Action - 掘金
Vue教程24:Vuex Modules(完结) - 掘金

Vue 基础篇

Vue 基础篇(一):Vue组件间通信 - 掘金
Vue 基础篇(二):Vue命名注意事项 - 掘金
Vue 基础篇(三):Vue生命周期理解 - 掘金
Vue 基础篇(四):父子组件的生命周期顺序 - 掘金

Vue 使用篇

Vue 使用篇(一):<router-link>的to属性绑定命名路由问题 - 掘金
Vue 使用篇(二):Vue父子组件间的数据传输 - 掘金
Vue 使用篇(三):scoped属性的style样式如何应用于其子组件中 - 掘金
Vue 使用篇(四):data数据的变化 - 掘金

Vue原理解析

Vue原理解析(一):Vue到底是什么? - 掘金
Vue原理解析(二):初始化时beforeCreate之前做了什么? - 掘金
Vue原理解析(三):初始化时created之前做了什么? - 掘金
Vue原理解析(四):你知道被大家聊烂了的虚拟Dom是怎么生成的吗? - 掘金
Vue原理解析(五):彻底搞懂虚拟Dom到真实Dom的生成过程 - 掘金
Vue原理解析(六):全面深入理解响应式原理(上)-对象基础篇 - 掘金
Vue原理解析(七):全面深入理解响应式原理(下)-数组进阶篇 - 掘金
Vue原理解析(八):一起搞明白令人头疼的diff算法 - 掘金
Vue原理解析(九):搞懂computed和watch原理,减少使用场景思考时间 - 掘金
Vue原理解析(十):搞懂事件API原理及在组件库中的妙用 - 掘金
Vue原理解析(十一):搞懂extend和$mount原理并实现一个命令式Confirm弹窗组件 - 掘金

vue2系列文章

第一章:vue2中常见的指令_水痕-CSDN博客
第二章:vue2组件的生命周期钩子函数_水痕-CSDN博客
第三章:vue2中关于数据的处理_水痕-CSDN博客
第四章:vue2中使用过滤器_水痕-CSDN博客
第五章:利用计算属性写一个购物车案例_水痕-CSDN博客
第六章:vue2组件及组件间通信_水痕-CSDN博客
第七章:vue2中创建自定义指令_水痕-CSDN博客
第八章:vue2中render与ref的使用_水痕-CSDN博客
第九章:vue2中路由的使用_水痕-CSDN博客
第十章:vue2中axios请求服务端数据 - CSDN博客
第十一章:关于VUEX的详解_水痕-CSDN博客

Vue组件库工程探索与实践

Vue组件库工程探索与实践之构建工具 - 掘金
Vue组件库工程探索与实践之按需加载 - 掘金
Vue组件库工程探索与实践之单元测试 - 掘金

vue全家桶开发的一些小技巧和注意事项 - 掘金

Vue FAQ

Vue 移动端

vue移动端开发总结 - 掘金

Vue 测试

vue-test-utils

vuejs/vue-test-utils: 🔬 Utilities for testing Vue components
Introduction | Vue Test Utils
介绍 | Vue Test Utils

Vue单元测试探索 - 掘金
从零开始做Vue前端架构(6)单元测试 & 代码覆盖率 - 掘金
单元测试从零开始,包含 Vue 及 React 项目中该如何单测 - 掘金
Vue使用jest单元测试详解 - 掘金
Vue使用Jest单元测试(学习笔记) - 掘金
使用 Jest 进行 Vue 单元测试 - 掘金
Vue 测试速成班 - 掘金
vue-cli 自动化测试 Nightwatch 详解 - 掘金
vue单元测试第一篇:单元测试介绍和基本使用 - 掘金
vue单元测试第二篇:jest断言库的使用 - 掘金

Vue 应用单元测试的策略与实践

Vue 应用单元测试的策略与实践 01 - 前言和目标 - 掘金
Vue 应用单元测试的策略与实践 02 - 单元测试基础 - 掘金
Vue 应用单元测试的策略与实践 03 - Vue 组件单元测试 - 掘金
Vue 应用单元测试的策略与实践 04 - Vuex 单元测试 - 掘金
Vue 应用单元测试的策略与实践 05 - 测试奖杯策略 - 掘金
Vue 应用单元测试的策略与实践 06 - 如何落地的几点建议 - 掘金

Vue 错误 & 异常处理

浅出Vue 错误处理机制errorCaptured、errorHandler - 掘金
vue框架下部署上线后刷新报404问题解决方案 - 掘金
【实践总结】优雅的处理vue项目异常 - 掘金
Vue项目中出现Loading chunk {n} failed问题的解决方法 - 半路出家老菜鸟 - SegmentFault 思否

Vue 异步

vue 钩子函数 使用async await - 孟繁贵 - 博客园
在Vue中使用async函数 - 比利Billy - CSDN博客
使用async/await来处理异步(vue+node的实例) - 简书
vue async/await同步 案例 - 春风十里的情 - 博客园
vue.js - vue-cli构建的项目中如何使用async await - SegmentFault 思否
vue中用async/await 来处理异步 - 简书
vue中异步函数async和await的用法_玉小希_新浪博客

Vue 过渡动画

Vue中的基础过渡动画原理解析 - 掘金
Vue一个案例引发「动画」的使用总结 - 掘金

Vue 多环境配置

前端工程(vue)多环境配置方案 - 掘金

Vue 传参

Vue传参一箩筐 - 掘金
vue中参数传递(合集) - boy火巨的博客 - CSDN博客

Vue 路由权限控制

vue权限路由实现方式总结 - 掘金
vue权限路由实现方式总结二 - 掘金
企业管理系统前后端分离架构设计 系列一 权限模型篇 - 掘金
vue基于d2-admin的RBAC权限管理解决方案 - 掘金
记一次Vue动态渲染路由的实现 - 掘金
如何优雅的在 vue 中添加权限控制 - 掘金
基于Vue的addRoutes实现权限控制 - CSDN博客
vue+vue-router+vuex,利用vue-router2.2.0新增特性addRoutes实现路由动态加载,菜单动态加载,运用于后台管理系统,路由数据取自数据库 - CSDN博客
vue用addRoutes实现动态路由的示例(从其他地方看到的,怕地址丢了,就复制过来了) - CSDN博客
基于Vue-Router和Vuex的页面访问权限控制 - CSDN博客
基于Vue实现后台系统权限控制 - CSDN博客
Vue + ElementUI 手撸后台管理网站基本框架(二)权限控制 - CSDN博客
用addRoutes实现动态路由 - CSDN博客
vue-router 动态添加 路由 - CSDN博客
vue+element-ui,树形表格,可以做权限管理模块,可折叠,全选,部分全选 - CSDN博客
vue 动态控制权限 - CSDN博客
vue前后端分离项目做权限控制、自动登陆、h5 history模式及404页面 - CSDN博客
Vue2.0用户权限控制解决方案 - CSDN博客
基于URL实现权限控制 - CSDN博客
权限控制方案之——基于URL拦截 - CSDN博客
Vue2.0权限树组件 - CSDN博客
如何用 Vue 实现前端权限控制(路由权限 + 视图权限 + 请求权限) - CSDN博客
vue问题记录(三):addRouter动态路由加载,,实现权限功能以及菜单的动态生成 - CSDN博客
基于vue的前端页面按钮权限控制_acoolper的专栏-CSDN博客
前后端分离实践:基于vue实现网站前台的权限管理-云栖社区-阿里云
基于VUE自定义指令实现按钮级权限控制 - 简书
如何在 vue 中添加权限控制管理?

Vue 优化

加密解密加签解签

在VUE中使用RSA加密解密加签解签 - 掘金

Vue懒加载

加快你的网站响应速度-Vue懒加载 - 掘金

从4个方面优化你的Vue项目 - 掘金
Vue实战:简单几步,优化你的开发体验与效率 - 前端 - 掘金
VUE简单的定时器实时刷新 - 掘金
如何在 Vue 项目中使用 echarts - 掘金
从Vue数组响应化所引发的思考 - 掘金
vue项目中使用token的身份验证的简单实践 - 掘金
Vue 性能优化之深挖数组 - 掘金
Vue项目架构优化 - 掘金
Vue项目升级webpack4.x和遇到的那些安装包Error - 掘金
一个Vue引发的性能问题 - 掘金
【Vue 实践】页面生成 pdf 文件-01 - 掘金
基于vue解决大数据表格卡顿问题 - 掘金
Vue性能优化:如何实现延迟加载和代码拆分?

Vue 前进刷新后退不刷新

vue-navigation

zack24q/vue-navigation: A page navigation library, record routes and cache pages, like native app navigation. 一个页面导航库,记录路由并缓存页面,像原生APP导航一样。

vue-page-stack

hezhongfeng/vue-page-stack: Routing and navigation for your Vue SPA. Vue 单页应用导航管理器

vue-nav

nearspears/vue-nav: vue navigation manager

Vue前进刷新后退不刷新,简易页面堆栈实现 - 掘金
dongj0316/keep-alive-chain: Vue前进刷新,后退不刷新(Forward refresh, back not refresh)
vue实现前进刷新,后退不刷新 - 掘金
另辟蹊径:vue单页面,多路由,前进刷新,后退不刷新 - 冰扬 - SegmentFault 思否

Vue 面试

vue.js面试题整理 - 竹木狼马 - 博客园
OneTab shared tabs
12道vue高频原理面试题,你能答出几道? - 掘金

Vue 疑惑点

引用图片

问题杂记-Vue组件中使用地址引入图片_a8725585的博客-CSDN博客
Handling Static Assets · GitBook
【vue 组件里引用图片】 - CSDN
javascript - Vue组件里的图片路径问题 - SegmentFault 思否
vue组件引入本地静态图片 - liyoungs的个人空间 - OSCHINA
vue项目使用static目录存放图片解决方案 - 前端panda - 博客园
Vue项目中img标签src的路径问题 - 简书

vue/state.js at dev · vuejs/vue
离职后才搞懂vue项目开发流程中的疑惑点 - 掘金
记第一个Vue项目台前幕后的经历 - 掘金
Vue一个案例引发的动态组件与全局事件绑定总结 - 掘金
Vue一个案例引发的递归组件的使用 - 掘金
Vue CLI 3.0脚手架如何在本地配置mock数据 - 掘金
React与Vue模板使用比较(一、vue模板与React JSX比较) - 掘金
【翻译】Vue.js 的注意事项与技巧 - 掘金
如何搭建一个功能复杂的前端配置化框架(一) - 掘金
vue 组件的三种使用方式教程 - 掘金
Vue.js 升级踩坑小记 - 掘金
Vue.js基础拾遗 - 掘金
CSS 作用域 · vue-loader
vue加scoped后无法修改样式(无法修改element UI 样式) - boy火巨的博客 - CSDN博客
Vue之数据对象_玉案轩窗的博客-CSDN博客
vue.js - Vue transition中v-leave状态求解惑 - SegmentFault 思否
腾讯工程师们怎么玩 Vue.js?
神奇的 ::v-deep_qiaoliang_123的博客-CSDN博客
使用 Vue 2.0 实现服务端渲染的 HackerNews - 梦想天空(山边小溪) - 博客园
vue中eventbus被多次触发(vue中使用eventbus踩过的坑) - 简书
Plans for the Next Iteration of Vue.js – The Vue Point – Medium
Medium – a place to read and write big ideas and important stories
InfoQ

Vue与其他框架的对比

关于Vue和React的一些对比及个人思考(上) - 掘金
关于Vue和React的一些对比及个人思考(中) - 掘金
Vue有什么特性,相对于其他框架都有那些优势!

$Weex

apache/incubator-weex: Mirror of Apache Weex
Getting Started | Weex
weexteam/weex-vue-render: Web renderer for weex project written in Vue DSL.

$Web APP

svelte

sveltejs/svelte: Cybernetically enhanced web apps
Svelte • Cybernetically enhanced web apps

T3 - 构建大型 Web 应用的 JavaScript 框架

box/t3js: A minimal component-based JavaScript framework
T3 JavaScript Framework - T3 JavaScript Framework
T3框架:简化大型JavaScript应用创建 - Q,传 - CSDN博客
T3:为创建大型JavaScript应用而打造的开源前端库

$多端统一开发框架

chameleon

Chameleon官网
didi/chameleon: 真正专注于让一套代码运行多端的开发框架,提供标准的MVVM架构开发模式统一各类终端
Chameleon跨端框架——壹个理想主义团队的开源作品 - 掘金
滴滴开源跨平台统一 MVVM 框架:Chameleon - 前端 - 掘金

NervJS/taro

echarts-for-taro

WsmDyj/echarts-for-taro: 📜 适用于taro的echarts组件封装

NervJS/taro: 多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用。
NervJS/awesome-taro: 多端统一开发框架 Taro 优秀学习资源汇总
Taro 介绍 · Taro
Taro | 凹凸实验室
taro - NervJS - 开源库 - 掘金
TaroEcharts-各种图表在Taro中的实践 - 掘金
taro多端实践初探 - 掘金
三端开发调研之京东Taro - 掘金
Taro开发多端应用 - 掘金
Natsuha - 用Taro写个天气微信小程序 - 掘金

$小程序框架

AIPage

百度智能门户AIPage - 网站建设/小程序开发
AIPage 智能建站平台
AIPage 帮助中心

mpx

didi/mpx: An enhanced miniprogram framework with data reactivity and deep optimizition.

$服务端渲染框架

sapper

Sapper • Military-grade progressive web apps, powered by Svelte
sveltejs/sapper: Military-grade progressive web apps, powered by Svelte

表现型

$3D框架

tensorspace

tensorspace-team/tensorspace: Neural network 3D visualization framework, build interactive and intuitive model in browsers, support pre-trained deep learning models from TensorFlow, Keras, TensorFlow.js
TensorSpace.js

3分钟打开Web 3D图形学的大门 - 掘金

$GUI

ice

飞冰 - 让前端开发简单而友好
alibaba/ice: 🚀 飞冰 - 让前端开发简单而友好
全新体验的飞冰 2.0 正式发布 - 掘金
这,就是飞冰物料 - 掘金
飞冰 - 让前端开发简单而友好
飞冰 - 让前端开发简单而友好
飞冰 - 让前端开发简单而友好

$JS MVC框架

Backbone.js

jashkenas/backbone: Give your JS App some Backbone with Models, Views, Collections, and Events
Backbone.js
Backbone.js API中文文档
Backbone入门指南(一):什么是Backbone? - CSDN博客

mithril.js

MithrilJS/mithril.js: A Javascript Framework for Building Brilliant Applications
Introduction - Mithril.js

Spine

Spine JS Project
SpineJS - LightWeight MVC Library for Marketing And Business

todomvc

tastejs/todomvc: Helping you select an MV* framework - Todo apps for React.js, Ember.js, Angular, and many more
TodoMVC

浅谈MVC/MVP/MVVM模式(概述) - 掘金
浅谈MVC/MVP/MVVM模式(MVC简单实现) - 掘金

$JS MVP框架

Riot.js

riot/riot: Simple and elegant component-based UI library
riot.js学习【三】事件 - da宗熊专栏 - CSDN博客
riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期 - liulun - 博客园
JavaScript 的 MVP 框架 Riot.js 3.10.0 发布,常规更新 - 开源中国
riot.js教程【一】简介 - liulun - 博客园
Riot.js——一个小而美的JS框架 - mervyn - SegmentFault 思否
初识riot.js - da宗熊专栏 - CSDN博客
Riot.js — 1Kb 大小的 JavaScript 的 MVP 框架 - 开源中国
riotjs 2.2.4 - 前端学习 - SegmentFault 思否
Riot.js — Simple and elegant component-based UI library
Riot - 比 Facebook React 更轻量的 UI 库 - 梦想天空(山边小溪) - 博客园

$JS MVVM框架

sugar

tangbc/sugar: A lightweight and powerful JavaScript MVVM library. Used for production or learning how to make a full MVVM.

san

baidu/san: A fast, portable, flexible JavaScript component framework
San

yox

yoxjs/yox: A lightweight mvvm framework
简介 - Yox - A lightweight mvvm framework

$polymer.js

polymerjs学习笔记——入门篇 - 简书
Polymer——Web Components的未来 - 宏图志远 - 博客园
Polymer 中文网
谈谈Google Polymer以及Web UI框架的未来-CSDN.NET
Polymer Project
前端框架 Polymer 入门教程 – 热前端
Polymer Project
Polymer2.0 调用外联js方法 - 天边那朵云的博客 - CSDN博客
Polymer library - Polymer Project
Polymer 2.0 upgrade guide - Polymer Project
Polymer/polymer-cli: Moved to Polymer/tools monorepo
Polymer Project

$Presentation Framework

boardgame

Stimulus: A modest JavaScript framework for the HTML you already have.
stimulusjs/stimulus: A modest JavaScript framework for the HTML you already have

reveal.js

hakimel/reveal.js: The HTML Presentation Framework
reveal.js – The HTML Presentation Framework

slides

briancavalier/slides: A slide presentation framework in HTML, JS, and OOCSS
HTML Slide Presentation Framework

$Ractive.js

Ractive.js
ractivejs/ractive: Next-generation DOM manipulation

$UI组件库、框架

移动端组件UI库

cube-ui

didi/cube-ui: A fantastic mobile ui lib implement by Vue
cube-ui Document

iOS风格移动Web应用程序开发框架

构建 iOS 风格移动 Web 应用程序的8款开发框架 - 梦想天空(山边小溪) - 博客园
Build Amazing Native Apps and Progressive Web Apps with Ionic Framework and Angular
Sencha Touch - Sencha.com | Sencha.com
jQT (formerly jQTouch) — Zepto/jQuery plugin for mobile web development
trywebapp
iphone-universal
the-m-project.net - 这个网站可出售。 - 最佳的mobile framework javascript html5 project node build localstorage websql model 来源和相关信息。
ChocolateChip UI
snippetspace.com - 最佳的snippetspace 来源和相关信息。

mui

mui - 百度
DCloud - HBuilder 快应用
CSS组件 · MUI
MUI-最接近原生APP体验的高性能前端框架
dcloudio/mui: 最接近原生APP体验的高性能框架

MyLayout

youngsoft/MyLinearLayout: MyLayout is a powerful iOS UI framework implemented by Objective-C. It integrates the functions with Android Layout,iOS AutoLayout,SizeClass, HTML CSS float and flexbox and bootstrap. So you can use LinearLayout,RelativeLayout,Fr
开源UI界面布局框架MyLayout1.9发布 - 掘金

PhoneGap 界面框架

Onsen UI – 新鲜出炉的 PhoneGap 界面框架 - 梦想天空(山边小溪) - 博客园

WeTouch

WeTouch云平台:APP、小程序和H5一站式解决方案
Touch UI 开发文档

! only 移动端UI组件库

amazeui

Amaze UI | 中国首个开源 HTML5 跨屏前端框架
amazeui/amazeui: Amaze UI, a mobile-first and modular front-end framework.

bootstrap

AdminLTE

ColorlibHQ/AdminLTE: AdminLTE - Free Premium Admin control Panel Theme Based On Bootstrap 3.x
Free Bootstrap Admin Template | AdminLTE.IO

bootstrap-table

wenzhixin/bootstrap-table: An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2, v3 and v4)
Bootstrap Table

bootstrap-ie7

coliff/bootstrap-ie7: Bootstrap 3 CSS for IE7
Bootstrap 3 for IE7 | bootstrap-ie7

BOOTFLAT

Bootflat
bootflat/bootflat.github.io: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.

coreui-free-bootstrap-admin-template

coreui/coreui-free-bootstrap-admin-template: CoreUI is free bootstrap admin template
🆓 Free Bootstrap Admin Template · CoreUI

epicbootstrap

Epic Bootstrap

twbs/bootstrap: The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Bootstrap · The world's most popular mobile-first and responsive front-end framework.
Bootstrap 可视化布局系统
Bootstrap中文网
手册
前端库 - 前端开发,JQUERY特效,全栈开发,vue开发
gustavohenke/bselect: DEPRECATED - The select decorator component that was missing for Twitter Bootstrap.
Bootstrap 中文文档 · Bootstrap 是世界上最流行的、移动设备优先的、响应式前端开发框架。

H-ui

H-ui前端框架官方网站 - 专注前端解决方案

jui

Jui.com
jui文档 - 百度
TopJUI开发文档 - TopJUI前端框架
TopJUI交流社区 - 致力于为企业级信息系统提供解决方案
B-jui中文手册_中华文本库

junior

justspamjustin/junior: A front-end framework for building html5 mobile apps with a native look and feel.
Junior - A front-end framework for building HTML5 mobile apps with a native look and feel.

layui

laydate

sentsin/laydate: layDate(日期与时间组件) 是 layui 独立维护的三大组件之一,我们在 5.0 的版本对其进行了一次惊艳的重写
日期和时间组件文档 - layui
layDate - JS日期与时间组件/插件官方演示与讲解

layer

sentsin/layer: 丰富多样的 Web 弹出层组件,可轻松实现 Alert/Confirm/Prompt/ 普通提示/页面区块/iframe/tips等等几乎所有的弹出交互。目前已成为最多人使用的弹层解决方案
layer官方演示与讲解(jQuery弹出层插件)
layer API 帮助文档
layer弹层组件开发文档 - layui
快速上手 layer,新人必看
layer.open方法 - 大都督的博客 - CSDN博客

Layui-admin

weberandphper/Layui-admin: 一个现成的 Layui+Vue的后台系统模板,开箱即用

layuimini

zhongshaofa/layuimini: 后台admin前端模板,基于 layui 编写的最简洁、易用的后台框架模板。只需提供一个接口就直接初始化整个框架,无需复杂操作。

Fly - layui前端框架官方社区
使用LayUI展示数据 - CSDN博客
在线示例 - layui
Fly Template,基于 layui 的极简社区页面模版
layui / fly:Fly Template由layui官方社区友情提供,基于layui搭建而成,提供了全屏和固宽两类排版,并且具备响应式适配能力,可以很好地作为简约型问答社区的页面支撑。
LayIM - 拉近用户在Web间的距离
layim
layui 实用干货和常见问题的处理 - Fly社区

LuLu UI

LuLu UI中文文档和演示 » 命名与设计
yued-fe/lulu: LuLu UI for PC web
LuLu UI - 游刃于用户侧PC web网站的UI组件
面向设计的半封装web组件开发(概要版) « 张鑫旭-鑫空间-鑫生活
面向设计的半封装web组件开发(原始)
LuLu UI中文官方文档

layerjs

UI composition & animation in pure HTML | layerJS
layerJS/layerJS: layerJS: Javascript UI composition framework

ring-ui

JetBrains/ring-ui: A collection of JetBrains Web UI components
Getting Started — Ring UI

sencha/extjs

sencha
extjs-doc-cn/ext4api: ExtJS4.1 中文文档翻译 在线文档
Docs | Ext JS 6.2.0
API Documentation - Sencha Docs - Ext JS - 脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta)
Welcome to SenchaDevs
Design, Develop, and Test Enterprise Web Apps with Sencha | Sencha
Sencha中文站 | 全球最大的Sencha中文资料,ExtJS中文教程,Ext中文教程
API Documentation - Sencha Docs - Ext JS - 脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta)
ExtJS入门——开始 | 全球最大的Sencha中文资料,ExtJS中文教程,Ext中文教程
https://cn.suyouxuan.com/S_2qc9gA/MDAwMDAwMDAwMJZ8i2TGqqetsmykbLF5ZNyoo00of5fZyL1oo00onoPPhquo000oZZ5hgaGHqsW5cbHAkJOsvaCF17KMrNm0lmmqhbWBabOHzZaKnn6tsqqja76zp6o000oxinHbsoyk3bO7apubuKSovne2YIOIkq274IGss4yWrbCgedmzjMrZv71zpAO0O0OO0O0O_MDAwMDAwMDAwMJZ8i2TG

semantic-ui

Semantic UI
Semantic-Org/Semantic-UI: Semantic is a UI component framework based around useful principles from natural language.

weui

Tencent/weui: A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.
WeUI
Tencent/weui.js: A lightweight javascript library for WeUI.
Tencent/weui-wxss: A UI library by WeChat official design team, includes the most useful widgets/modules.
lihongxun945/jquery-weui: UI lib for build hybrid wechat web app

weex-ui

alibaba/weex-ui: 🏄 A rich interaction, lightweight, high performance UI library based on Weex.
Weex Ui

Workless

scottparry/Workless: Workless is a CSS base framework to get your projects up and running as quickly as possible.
Workless | An open source HTML, CSS & JS framework for developing front-end web applications faster.

winjs

winjs/winjs: A UI toolkit for modern browsers

panteng/wechat-h5-boilerplate: 为腾讯微信优化的H5动效模板,帮助你快速构建全屏滚动型H5页面。

如何快速掌握一个ui框架 - 掘金

$响应式框架

Furatto

Furatto – 轻量,友好的响应式前端开发框架 - 梦想天空(山边小溪) - 博客园
Furatto
IcaliaLabs/furatto: It's a flat, fast and powerful front-end framework for rapid web development.

Foundation

zurb/foundation-sites: The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
Foundation | The most advanced responsive front-end framework in the world.
The most advanced responsive front-end framework in the world. | Foundation

knockout

knockout/knockout: Knockout makes it easier to create rich, responsive UIs with JavaScript
Knockout : Home

skelJS

Skeljs – 用于构建响应式网站的前端开发框架 - 梦想天空(山边小溪) - 博客园
http://skeljs.org/

响应式邮件框架

Ink

Foundation for Emails | A Responsive Email Framework from ZURB
Stargazers · zurb/foundation-emails

15款帮助我们创建响应式布局的优秀前端框架 - 梦想天空(山边小溪) - 博客园

$模块化开发框架

Ampersand.js - Home
Aurelia – 模块化,简单,可测试的 JS 框架 - 梦想天空(山边小溪) - 博客园

$编辑器

rete

retejs/rete: JavaScript framework for visual programming and creating node editor
Rete.js

富文本编辑器

sir-trevor-js

Sir Trevor JS | Made by Many
madebymany/sir-trevor-js: Rich content editing entirely re-imagined for the web

slate

ianstormtaylor/slate: A completely customizable framework for building rich text editors.
Slate
ianstormtaylor/slate: A completely customizable framework for building rich text editors.

wysihtml5

xing/wysihtml5: Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
jhollingworth/bootstrap-wysihtml5: Simple, beautiful wysiwyg editor
wysihtml5 - A better approach to rich text editing
bootstrap-wysihtml5

小伙伴们惊呆了!10行 JavaScript 实现文本编辑器 - 梦想天空(山边小溪) - 博客园

$骨架屏

客户端骨架屏

客户端骨架屏实现 - 掘金

$HTML5框架

egret

egret-labs/egret-core: Egret is a brand new open mobile game and application engine which allows you to quickly build mobile games and apps on Android,iOS and Windows.
NeoGuo/html5-documents: All about HTML5 frameworks

$后台管理框架

kitty

kitty: 基于Spring Boot、Spring Cloud、Vue.js 、Element UI实现,采用前后端分离架构的权限管理系统,JAVA快速开发平台。
kitty-ui: Kitty 前端,基于 Vue + Element 实现的权限管理系统。
kitty-generator: Kitty代码生成器,可以通过界面配置快速生成包括 model,dao,service,controller 以及页面的相关代码。

Tabler

简介 - 文档 - tabler.github.io - 一个响应式,平面和全功能的管理模板
Tabler - Admin panel made simple

COOL-ADMIN

行为型

$aura

aurajs/aura: A scalable, event-driven JavaScript architecture for developing component-based applications.

$CanJS

canjs/canjs: JS framework providing state management, templates & custom elements. Helps you build the impossible while keeping the common stuff easy.
CanJS - Build CRUD apps in fewer lines of code

$cli & template

amis

baidu/amis: 前端低代码框架
AMis Renderer

product-boilerplate

nice-boys/product-boilerplate: Quickly ship your apps with the power of code generation.

$dob

dobjs/dob-react: React bindings for dob

$ERP

$functional and reactive framework

cyclejs

cyclejs/cyclejs: A functional and reactive JavaScript framework for predictable code
Cycle.js

$Platform

meteor

meteor/meteor: Meteor, the JavaScript App Platform
Build Apps with JavaScript | Meteor

$test框架

appium

appium/appium: Automation for iOS, Android, and Windows Apps.
appium/appium-desktop: Appium Server and Inspector in Desktop GUIs for Mac, Windows, and Linux
Appium: Mobile App Automation Made Awesome.

dalekjs

DalekJS - Automated cross browser testing with JavaScript
DalekJS

jasmine

Jasmine Documentation
jasmine/jasmine: DOM-less simple JavaScript testing framework

mochajs

mochajs/mocha: simple, flexible, fun javascript test framework for node.js & the browser
Mocha - the fun, simple, flexible JavaScript test framework
记一次使用mocha做单元测试 - 掘金

nightwatchjs

Nightwatch.js | Node.js powered End-to-End testing framework
nightwatchjs/nightwatch: Automated testing and continous integration framework based on node.js and selenium webdriver

phantomjs

ariya/phantomjs: Scriptable Headless Browser
PhantomJS | PhantomJS
Huddle/PhantomCSS: Visual/CSS regression testing with PhantomJS
Huddle/PhantomFlow: Describe and visualise user flows through tests with PhantomJS

percy

Percy
Percy

qunitjs

qunitjs/qunit: An easy-to-use JavaScript Unit Testing framework.
QUnit
QUnit API Documentation

selenium

Selenium - Web Browser Automation
SeleniumHQ/selenium: A browser automation framework and ecosystem.
WebdriverIO - Selenium 2.0 javascript bindings for nodejs

sinonjs

sinon-chai

domenic/sinon-chai: Extends Chai with assertions for the Sinon.JS mocking framework.

sinonjs/sinon: Test spies, stubs and mocks for JavaScript.
Sinon.JS - Documentation
Sinon.JS - Standalone test fakes, spies, stubs and mocks for JavaScript. Works with any unit testing framework.

Sixpack

Sixpack: An Ab Testing Framework from SeatGeek
sixpack/sixpack: Sixpack is a language-agnostic a/b-testing framework

substack/tape: tap-producing test harness for node and browsers
Chai
Karma - Spectacular Test Runner for Javascript
webdriverio/webdriverio: Webdriver/Selenium 2.0 JavaScript bindings for Node.js

$vialer-js

vialer/vialer-js: Open-source WebRTC communication platform.
Home | Vialer-js

$接口行为

feathers

feathersjs/feathers: A REST and real-time API layer for Node.js, React Native and the browser.
Feathers | A REST and real-time API layer for Node.js, React Native and the browser.

Swagger

Swagger
中文文档 · Sayi/swagger-diff Wiki
The Best APIs are Built with Swagger Tools | Swagger
Hosted & Interactive API Documentation | SwaggerHub | Swagger
Swagger入门教程 - JoiT - 博客园
特别好用的swagger ui 封装 - huanshare - 博客园
Swagger中文配置 - u010046887的专栏 - CSDN博客
Swagger-强大的API文档工具 - 简书
Swagger:Rest API的描述语言 - 知乎
使用 Swagger 文档化和定义 RESTful API
使用 SwaggerUI 创建 Golang API 文档 - Go语言中文网 - Golang中文社区
Sayi (卅一)
使用swagger作为restful api的doc文档生成 - 朝雨忆轻尘 - 博客园

$任务控制、集成式框架

her

hao123-fe/her: High-performance Enhanced Rendering solution, an implement of Pagelet and Bigpipe for Smarty. Hao123前端高性能渲染解决方案
Her - High-performance Enhanced Rendering Hao123前端高性能渲染解决方案 | Her - A High-performance Enhanced Rendering solution

jslib-base

logan70/jslib-base: 开箱即用的JavaScript库开发框架
JavaScript库架构实战 - 掘金

openmct

nasa/openmct: A web based mission control framework.
Open MCT - Open Source Mission Control Software — Open MCT

$静态网站生成器

shotCat_doc

1011cat/shotCat_doc: 开箱即用,利用vuepress快速搭建自己的类element-ui的组件文档
shotCat_doc
shotCat_doc 一个开箱即用的UI组件库文档 - 掘金

vuepress

vuejs/vuepress: 📝 Minimalistic Vue-powered static site generator
VuePress
VuePress
给你的 VuePress 添加 Gitalk 评论插件吧 - 掘金
我的这套VuePress主题你熟悉吧 - 掘金
一步步搭建 VuePress 及优化【初始化到发布】 - 掘金
一步步搭建 VuePress 及优化【插件系列】 - 掘金
一步步搭建 VuePress 及优化【自动化】 - 掘金
vuepress爬坑之旅 - 掘金

11ty/eleventy: A simpler static site generator. An alternative to Jekyll. Transforms a directory of templates (of varying types) into HTML.
Eleventy

$数据模型

Vmo

Vmo前端数据模型设计 - 掘金
xiaobebe/Vmo: Vmo 是一个用于前端的数据模型。解决前端接口访问混乱,服务端数据请求方式不统一,数据返回结果不一致的微型框架。

$页面可视化搭建框架

grapesjs: 网站模版可视化编辑器工具

artf/grapesjs: Free and Open source Web Builder Framework. Next generation tool for building templates without coding
GrapesJS

gods-pen

ymm-tech/gods-pen: 基于vue的高扩展在线网页制作平台,可自定义组件,可添加脚本,可数据统计。A mobile page builder/editor, similar with amolink.
码良

page-pipepline

page-pipepline
page-pipepline/pipeline-editor: 🌾页面可视化搭建框架的web编辑器 -- https://page-pipepline.github.io/pipeline-editor/dist/#/

百度数据可视化Sugar
百度数据可视化 Sugar-百度智能云
百度数智平台——百度大数据智能力量

Web开发必备Tools

HTML、移动端、Mac相关

$HTML

Geo

Geolocation API Specification 2nd Edition

parentNode,parentElement,childNodes,children

parentNode,parentElement,childNodes,children最经典讲解 - qq_36010298的博客 - CSDN博客
parentNode,parentElement,childNodes,children的区别 - 学而不思则罔,思而不学则殆 - CSDN博客
parentElement\parentNode.parentNode.childNodes用法例子 - cindysaj的专栏 - CSDN博客
parentNode、parentElement,childNodes、children 区别 - MIR_zhang的博客 - CSDN博客
Js-parentNode、parentElement,childNodes、children 的区别 - teresa502的专栏 - CSDN博客

text&HTML

js中的innerHTML,innerText,value的区别 - w965440884的专栏 - CSDN博客
textContent和innerText属性的区别 - dexing07的博客 - CSDN博客
innerHTML outerHTML innerText textContent的区别 - win0032的博客 - CSDN博客
javascript textContent与innerText的异同分析_javascript技巧_脚本之家
HTMLElement.innerText - Web APIs | MDN
JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?jQuery中的text()、html()和val() ? - 靥放 - 博客园
原生js修改文本内容 - 麦兜家园 - 博客园

FAQ

7 User interaction — HTML5
创建自定义 HTML 电子邮件模板
练习笔记:使用jQuery实现H5拖放(drag 和 drop)功能 - CSDN博客
如何编写兼容各主流邮箱的HTML邮件 - dengminhui - ITeye技术网站
HTML 格式的邮件怎样定义 CSS_HTML教程-织梦者
HTML meta标签总结,HTML5 head meta属性整理-前端开发博客
送给前端的你,推荐几篇前端汇总文章。
基于vw等viewport视区单位配合rem响应式排版和布局 « 张鑫旭-鑫空间-鑫生活
十六进制颜色代码表,图表及调色板 - Encycolorpedia
html 空白汉字占位符&#12288; - CSDN博客
手机/移动前端开发需要注意的20个要点_Android_脚本之家
developer.android.com
在网页上使用苹方字体 - 任平生的学习笔记
给select增加placeholder技巧 - CSDN博客
HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑) - ithink-设计-Design
HTMLTIPS - CSDN博客
STRML: Projects and Work
移动端适配问题 - 守候的回答 - SegmentFault 思否
jsp页面中注释 <!-- --> 和<%-- --%> 的区别 - CSDN博客
HTML标签----图文详解 - 千古壹号 - 博客园
HTML5新特性及详解 - 张三的美丽家园 - 博客园
HTML5详解 - 何必再忆 - 博客园
autoplay自动播放策略 - 简书
Html table td 内容自动换行 - CSDN博客

$HTML5

¥H5 core

Google Web Designer
snaptomato.appspot.com
HTML 5.2
HTML5
Bézier Curve (de Casteljau algorithm)
Google Web Designer
HTML 5.2
HTML5
HTML5+ API Reference

¥H5 libs

H5游戏开发的2D渲染引擎

cutjs.org - 这个网站可出售。 - 最佳的cutjs html5 game graphic engine android javascript canvas 来源和相关信息。
shakiba/stage.js: 2D HTML5 rendering engine for game development
CutJS – 用于 HTML5 游戏开发的 2D 渲染引擎 - 梦想天空(山边小溪) - 博客园

ShareDrop – 苹果 AirDrop 服务的H5实现

ShareDrop – 苹果 AirDrop 服务的 HTML5 实现 - 梦想天空(山边小溪) - 博客园
ShareDrop

html5bones

iandevlin/html5bones: The HTML5 template that goes back to basics
HTML5 Bones: The template that goes back to basics

HTML5 Maker

Free Online Banner Maker. Quickly design & create banners in HTML5 & GIF formats

| HTML5 Canvas Rich UI JavaScript Library
Brunch - ultra-fast HTML5 build tool
gauge.js
stefanerickson/covervid: Make your HTML5 video behave like a background cover image with this lightweight Javascript plugin / jQuery extension
Quintus JavaScript HTML5 Game Engine
Waud.js – 使用HTML5降级处理的Web音频库 - 梦想天空(山边小溪) - 博客园
Chimee - 可扩展的组件化H5播放器框架
Chimeejs/chimee: a video player framework aims to bring wonderful experience on browser
Timesheet.js - Open time tables with HTML, JavaScript and CSS …
NoMe » location and weather JavaScript library
gauge.js
stefanerickson/covervid: Make your HTML5 video behave like a background cover image with this lightweight Javascript plugin / jQuery extension
JSCapture
Quintus JavaScript HTML5 Game Engine
snaptomato.appspot.com
Bézier Curve (de Casteljau algorithm)
www.cnblogs.com/lhb25/archive/2011/03/27/html5-canvas-best-games.html
Squire – 简洁的 HTML5 富文本编辑器 - 梦想天空(山边小溪) - 博客园
PixiJS - 基于 WebGL 的超快 HTML5 2D 渲染引擎 - 梦想天空(山边小溪) - 博客园
给你推荐10款优秀的 HTML5 动画工具 - 梦想天空(山边小溪) - 博客园
Aerolab/blockrain.js: HTML5 Tetris Game for jQuery
Hyhyhy – 专业的 HTML5 演示文稿工具 - 梦想天空(山边小溪) - 博客园

¥H5 tools

vConsole

Tencent/vConsole: A lightweight, extendable front-end developer tool for mobile web page.

Brunch - ultra-fast HTML5 build tool
Manifesto – HTML5 离线应用程序缓存校验工具 - 梦想天空(山边小溪) - 博客园
www.cnblogs.com/lhb25/p/html-inspector-a-code-quality-tool.html

¥H5 教程

一镜到底H5

从零到一:实现通用一镜到底H5 - 从零到一 - SegmentFault 思否

值得 Web 开发人员收藏的20个 HTML5 实例教程 - 梦想天空(山边小溪) - 博客园
Web 开发中应用 HTML5 技术的10个实例教程 - 梦想天空(山边小溪) - 博客园
HTML5拍照、摄像机功能实战 - 掘金
8个惊艳的 HTML5 和 JavaScript 特效 - 梦想天空(山边小溪) - 博客园
10个让人眼花缭乱的 HTML5 和 JavaScript 效果 - 梦想天空(山边小溪) - 博客园
分享20个无版权的高清无码图库站 - 梦想天空(山边小溪) - 博客园
【特别推荐】Web 开发人员必备的经典 HTML5 教程 - 梦想天空(山边小溪) - 博客园
精选9个值得学习的 HTML5 效果【附源码】 - 梦想天空(山边小溪) - 博客园
分享16款基于 HTML5 Canvas 开发的网页游戏 - 梦想天空(山边小溪) - 博客园
H5 notification浏览器桌面通知 - 掘金
H5 键盘兼容性小结 - 掘金
好库推荐:拖拽生成 H5 页面,升职加薪就靠它了

¥H5 FAQ

$Mac

Best-App

meilix-generator

fossasia/meilix-generator: WebApp for generating a custom ISO image based on Meilix http://meilix.org

jaywcjlove/awesome-mac:  Now we have become very big, Different from the original idea. Collect premium software in various categories.
nikitavoloboev/my-mac-os: List of applications and tools that make my macOS experience even more amazing

$移动端

¥Android

结构

$语法&算法

Vector和ArrayList对比 - 掘金
Curzibn/Luban: Luban(鲁班)—Image compression with efficiency very close to WeChat Moments/可能是最接近微信朋友圈的图片压缩算法

$机制

事件分发流程

SimpleTouch:一个库彻底搞懂事件分发流程 - 掘金
AlexMahao/SimpleTouch: 一个用来监听View事件分发的库

$libs

Glide

Glide 源码分析(一):图片压缩 - 掘金

下拉刷新 分页加载

一篇文章带你撸遍下拉刷新 分页加载控件 - 掘金
chrisbanes/Android-PullToRefresh: DEPRECATED

$android-studio

Android Studio 中文社区-安卓开发者工具集:Android SDK/JDK/ADT/Gradle/App-3.0正式版下载/安装/教程/外包/招聘
Android Developers

表现

$WebView

一个一线前端攻城狮的快应用开发之路:2、我与WebView的斗智斗勇 - 掘金
WebView与APP交互实战记录 - 掘金

$组件

¥progress

YCProgress

YCProgress自定义百分比进度条 - 掘金
yangchong211/YCProgress: 自定义进度条,包括圆环型百分比进度条,直线型百分比进度条,还有仿360杀毒百分比进度条。可以自由设置进度条的类型,外部轮廓颜色,中心圆颜色,自定义百分比单位

¥播放器

封装bilibili播放器,自定义边下边播和缓存功能 - 掘金
Zhaoss/VideoPlayerDemo: 封装bilibili播放器,自定义边下边播和缓存功能
Bilibili/ijkplayer: Android/iOS video player based on FFmpeg n3.4, with MediaCodec, VideoToolbox support.

¥日历

prolificinteractive/material-calendarview: A Material design back port of Android's CalendarView

¥chart

PhilJay/MPAndroidChart: A powerful 🚀 Android chart view / graph view library, supporting line- bar- pie- radar- bubble- and candlestick charts as well as scaling, dragging and animations.

¥list

drakeet/MultiType: An Android library to create multiple item types list views easily and flexibly

行为

$教程

kesenhoo/android-training-course-in-chinese: Android官方培训课程中文版
Freelander/Android_Data: Some Android learning materials, hoping to help you learn Android development.
sw950729/AndroidNotes: Android学习笔记

$功能

限制输入字符个数

EditText 限制输入字符个数的三种方式 - Android - 掘金
zhooker/EditTextLengthLimit: EditText 限制输入字符个数的三种方式

DeviceMotion

rikschennink/shiny: 🌟 Shiny reflections for mobile websites
Shiny, Simulating Reflections for Mobile Websites

1px & 0.5px

css 中引入 svg 来兼容部分安卓机显示 0.5px 边框 - 掘金
7 种方法解决移动端 Retina 屏幕 1px 边框问题 - 前端 - 掘金

$tools

Blankj/AndroidUtilCode: Android developers should collect the following utils(updating).

$FAQ

移动端常见bug - 前端 - 掘金

LedgerHQ/ledger-live-mobile: Ledger Live (Mobile)

¥iOS

iOS-Developer-Roadmap

BohdanOrlov/iOS-Developer-Roadmap: Roadmap to becoming an iOS developer in 2018.

leecade/ios-dev-flow: iOS 开发流程笔记
GitHub 中与 iOS 开发相关的20个开源工具(神器) - 工具资源 - 掘金
h5页面在不同ios设备上的问题总结 - 掘金
h5页面在不同ios设备上的问题总结

¥Tools

afkT/DevUtils: (持续更新, 目前含100+工具类) DevUtils 是一个 Android 工具库, 主要根据不同功能模块,封装快捷使用的工具类及 API 方法调用。 该项目尽可能的便于开发人员,快捷、快速开发安全可靠
都2020了,你还不会移动端真机调试?

¥webapp隐藏浏览器导航栏

移动端webapp如何隐藏浏览器的导航栏 - _林冲 - 博客园

¥微信项目

小程序

小程序Core

微信公众平台
项目 - Dashboard - 微信开发者代码管理
项目 - Dashboard - 微信开发者代码管理
微信公众平台
qwerty472123/wxappUnpacker: Wechat App(微信小程序,.wxapkg)解包及相关文件(.wxss,.json,.wxs,.wxml)还原工具
leo9960/wechat-app-unpack: 微信小程序(.wxapkg)解包心得以及未开放API猜测
微信小程序源码阅读笔记1 - Lrdcq - 個人博客
(1) 只需两步快速获取微信小程序源码 - 掘金

微信小程序教程

小程序第三方框架对比 ( wepy / mpvue / taro ) - 掘金
微信小程序教程01:小程序简介 - 掘金
微信小程序教程02:App(Object)和Page(Object) 构造器介绍 - 掘金
微信小程序教程03:WXML语法 - 掘金
微信小程序教程04:API(完结) - 掘金
微信小程序Video组件实践总结 - 掘金
小程序点睛之一:如何将小程序异步回调接口 Promise 化 - 掘金
小程序点睛之二:小程序使用 Iconfont 的正确姿势 - 掘金
小程序点睛之三:才不是你想的那种组件 - 掘金
imageslr/weapp-library: “在线借书平台”小程序:连接读者与图书馆的借书平台、读者的图书资料库与书单系统
直播开发入门学习笔记 | Alan Hou的个人博客
微信小程序 & H5直播开发从入门到精通 - 简书
小程序折腾记 - Taro(1.2.x)开发一个微信小程序下来的要点梳理及爬坑姿势(篇幅有点长) - 掘金
手把手教你用Taro框架写一个图像处理类微信小程序 - 掘金
dntzhang/westore: 世界上最小却强大的小程序框架 - 100多行代码搞定全局状态管理和跨页通讯
微信小程序从入门到精通:最全的资源列表(持续更新中)

wx-cookie

liaozh/wx-cookie: 代理wx.request对象,让小程序支持cookie传输

资源&FAQ

Anka——渐进式小程序开发工具集 - 掘金
微信应用号(小程序)资源汇总(1010更新) - 码农果园 - SegmentFault 思否
justjavac/awesome-wechat-weapp: 微信小程序开发资源汇总 :100:
微信小程序组件化的解决方案 - 掘金
小程序--语音合成tts 对接多平台(讯飞,思必驰,百度) - 掘金
经验总结--我的小程序开发和进化之路 - 掘金
微信小程序 - 富文本图片宽度自适应(正则) - 掘金
微信小程序-锚点定位 - 掘金
小程序从手动埋点到自动埋点 - 掘金
微信小程序自定义组件实现 tabBar、navBar - 掘金
小程序:无限自动滚动的Gallery - 掘金
小程序交流专区 | 微信开放社区

npm

sm-crypto

wechat-miniprogram/sm-crypto: weapp sm crypto library

JavaScript 支持情况 | 微信开放文档

Tencent/wepy: 小程序组件化开发框架
如何入门微信小程序开发,有哪些学习资料? - 前端开发 - 知乎
利用网页版微信API做一个微信机器人 - 掘金

¥FAQ

解决移动端滚动穿透 - 掘金
滚动穿透问题探索 - 掘金
iOS下浏览器document/body的click事件无效的坑 - 掘金
移动跨平台技术方案总结 - 掘金
移动端常见bug汇总001 - 掘金
移动端常见bug汇总002 - 掘金

实用工具相关

$Al&nlp

nlp_overview

NLP-progress

Microsoft AI

Microsoft/ailab: Experience, Learn and Code the latest breakthrough innovations with Microsoft AI

科幻

GitSquared/edex-ui: A science fiction terminal emulator designed for large touchscreens that runs on all major OSs.

$chrome插件、工具

chrome-plugin-demo

sxei/chrome-plugin-demo: 《Chrome插件开发全攻略》配套完整Demo,欢迎clone体验
入门:建立 Chrome 扩展程序 - Google Chrome 扩展程序开发文档(非官方中文版)
Chrome插件入门 - 掘金
分享一个Chrome扩展收集集合以及配套的Chrome管理工具,值得一试 - 开发工具 - 掘金

Chrome API

Chrome 66 新增异步剪贴板API - 知乎
从“快稳省安全”看Chromium——Chromium学习系列 - 掘金

debugger-protocol-viewer

ChromeDevTools/debugger-protocol-viewer: DevTools Protocol API docs—its domains, methods, and events

Google Analytics

scrolldepth

Scroll Depth - A Google Analytics plugin for measuring page scrolling
robflaherty/jquery-scrolldepth: Google Analytics plugin to track visitor scroll depth

使用 Google Analytics 跟踪 JavaScript 错误 - 梦想天空(山边小溪) - 博客园

Google Earth

retroplasma/earth-reverse-engineering: WIP

keyframes.app

Keyframes.app

lambda-google-sheets

rcdexta/lambda-google-sheets: Lambda function to pull data from Postgres DB and dump to Google Spreadsheet

Memex

如何在 1000 条历史记录中搜到你已经忘记标题的网页?试试这个插件:Memex - 工具资源 - 掘金
WorldBrain's Memex - WorldBrain | Memex

puppeteer

puppeteer-api-zh_CN

zhaoqize/puppeteer-api-zh_CN: 📖 Puppeteer中文文档(官方指定的中文文档)

Puppeteer as a service
GoogleChrome/puppeteer: Headless Chrome Node API
GoogleChromeLabs/pptraas.com: Puppeteer as a service
使用node+puppeteer破解验证码 - 掘金

ProjectVisBug

GoogleChromeLabs/ProjectVisBug: 🎨 Make any webpage feel like an artboard, download extension here https://chrome.google.com/webstore/detail/cdockenadnadldjbbgcallicgledbeoc

workbox

GoogleChrome/workbox: 📦 Workbox: JavaScript libraries for Progressive Web Apps
Workbox  |  Google Developers

web-server-chrome

GitHub - kzahel/web-server-chrome: An HTTP Web Server for Chrome (chrome.sockets API)

wwwbasic

google/wwwbasic: WWWBasic is an implementation of BASIC (Beginner's All-purpose Symbolic Instruction Code) designed to be easy to run on the Web.

谷歌商店相关

google play商店怎么直接下载apk文件?google play商店在电脑上下载apk的方法 _pc6资讯
Evozi Apps - Landing Page
如何从谷歌商店下载应用到电脑? – 技术控
APK Downloader [Latest] Download Directly | Chrome Extension v3 (Evozi Official)

虚拟定位

Fake GPS location - Google Play 上的应用
Fake GPS Location Spoofer Free - Google Play 上的应用
Location Changer (Fake GPS Location) - Google Play 上的应用
GPS Emulator - Google Play 上的应用

unintended/download-organizer-chrome-extension: Chrome extesion that allows you to set custom download locations with a flexible regexp-based rules.
wanthering/laipi: a chrome plugin to laipi
r00tSe7en/GoogleHackingTool: 在线Google Hacking 小工具
Camtd - Chrome 多线程下载管理器插件,可满速下载百度网盘文件 - 工具资源 - 掘金
android下chrome调试手机网页的方法 - 为程序员服务
一文带你看透 Chrome 浏览器架构
11 个Chrome骚技巧让你为所欲为
谷歌家的验证码怎么了?搞他!
Download Fiddler Web Debugging Tool for Free by Telerik
RegExp Download Organizer :下载时自动保存到分类文件夹中 - Chrome插件(谷歌浏览器插件)
如何从官网下载 Google Chrome 离线安装包 - CSDN博客
chrome://flags/#enable-experimental-web-platform-features
chrome离线安装包下载方法 - 简书
F5 同 Ctrl+F5 的区别你可了解

$FTP

monstaftp

Free web-based FTP software - Monsta FTP
jerrywham/MonstaFTP: Fork of Monsta FTP software

Xftp 6

xFTP6破解版|xFTP下载 v6.0.0080免费版 - 欧普软件下载
Xftp 6产品密钥|Xftp 6产品密钥注册码下载(附xftp 6 注册机/注册码/授权码及过期解决说明) - 3322软件站
xftp5免费版下载|Xftp 5 免费版中文注册版_附key注册码 - 系统天堂
xftp6密钥|xftp6注册机(含序列号)下载_附安装教程 - 多多软件站
Xshell6下载_Xmanager6标准版,企业版下载-Xmanager中文版网站
如何使用文件传输软件Xftp_百度经验

$QQ

QQ推广

$UI、UE和UX

百度EUX | 百度企业产品用户体验中心
sux.baidu.com

$web site

¥fossasia.org

gci17.fossasia.org

2012.fossasia.org

gci18.fossasia.org

2019.fossasia.org

¥freecodecamp.cn

¥lengstorf.com

jlengstorf/lengstorf.com: Source for lengstorf.com, Jason Lengstorf's personal site.

¥IP、域名

The Best IP Address, Email and Networking Tools - IPAddress.com

¥墙、上网

hoodiearon/w3-goto-world: 🍅冲出你的窗口,free ss/ssr/vmess分享、IPFS、暗网及蹭网教程、Git镜像等其他资源存储库
hoodiearon/fq-book: 《这本书能让你连接互联网》科学上网Freestyle,了解网络基础知识与实践蹭网操作

$前端web相关

¥mastering-modular-javascript

mjavascript/mastering-modular-javascript: 📦 Module thinking, principles, design patterns and best practices.

¥Spirit移动web整体解决方案

Spirit - 腾讯移动 Web 整体解决方案 - 梦想天空(山边小溪) - 博客园

¥web应用原型

Frame: Awesome Product Shots

¥WebSocket

WebSocket core

WebSocket - Web API 接口参考 | MDN

WebSocket 协议

【译】WebSocket协议——摘要(Abstract) - 掘金
【译】WebSocket协议第一章——介绍(Introduction) - 掘金
【译】WebSocket协议第二章——一致性要求(Conformance Requirements) - 掘金
【译】WebSocket协议第三章——WebSocket网址(WebSocket URIs) - 掘金
【译】WebSocket协议第四章——连接握手(Opening Handshake) - 掘金
【译】WebSocket协议第五章——数据帧(Data Framing) - 掘金
【译】 WebSocket 协议第六章——发送与接收消息(Sending and Receiving Data) - 掘金
【译】 WebSocket 协议第七章——关闭连接(Closing the Connection) - 掘金
【译】 WebSocket 协议第八章——错误处理(Error Handling) - 掘金
【译】 WebSocket 协议第九章——扩展(Extension) - 掘金
WebSocket 协议 1~4 节 - 掘金
WebSocket 协议 5~10 节 - 掘金

easyXDM

oyvindkinsey/easyXDM: A javascript library providing cross-browser, cross-site messaging/method invocation.
easyXDM - Cross-domain messaging made easy

socket.io

socketio/engine.io
HTML Standard
socket.io/package.json at master · socketio/socket.io
Socket.IO
engine.io 原理详解 - 掘金

ws

websockets/ws: Simple to use, blazing fast and thoroughly tested WebSocket client and server for Node.js

WebSocket 教程 - 阮一峰的网络日志
(译)通过WebChannel/WebSockets与QML中的HTML交互 - 掘金
WebSocket 快速入门 - 掘金
以中间件,路由,跨进程事件的姿势使用WebSocket - 掘金
以中间件,路由,跨进程事件的姿势使用WebSocket--Node.js篇 - 掘金
码农翻身

¥浏览器

browsh

browsh-org/browsh: A fully-modern text-based browser, rendering to TTY and browsers

PWA

LAVAS

Lavas | 基于 Vue 的 PWA 完整解决方案
Lavas

lukeed/pwa: (WIP) Universal PWA Builder
lavas-project/pwa-book: 这是一本 PWA 相关的书籍
tastejs/hacker-news-pwas: HNPWA - Hacker News readers as Progressive Web Apps 📱
PWA
PWA Starter Kit
PWA(Progressive Web App)入门系列:Cache Storage & Cache - 掘金
【PWA】关于PWA的实操以及使用经验总结_NeverYu-CSDN博客

V8引擎

V8 JavaScript engine
[译]V8引擎中的排序 - 掘金
「译」Orinoco: V8的垃圾回收器 - 前端 - 掘金
「译」Orinoco: V8的垃圾回收器 - 前端 - 掘金
Documentation · V8

浏览器页面渲染机制&幕后工作原理

从输入URL开始

What happens when you type 'google.com' into a browser and press Enter? - DEV Community 👩‍💻👨‍💻
从浏览器输入一个网址开始讨论网络传输的工作原理 - 掘金
[译]从输入URL到页面呈现的超详细过程——第一步:获取资源 - 掘金
[译]从输入URL到页面呈现的超详细过程——第二步:Tags转化成DOM的过程 - 掘金
Web 前置知识——老生常谈的从 URL 输入到页面展现背后发生的事 - 掘金
HLS.JS 自定义 分片 TS 请求 URL - 前端 - 掘金
在浏览器中输入URL后,执行的全部过程。(一次完整的http请求过程) - TigerChen - CSDN博客
名词解释URI和URL - hellofeiya的专栏 - CSDN博客
从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系! - 程序生涯 - SegmentFault 思否
关于浏览器渲染---从URL到页面显示 - 掘金

developers.google.com
medium.com
How browser rendering works — behind the scenes – LogRocket
基石-初见浏览器(一):浏览器渲染 - 掘金
基石-初见浏览器(二):AJAX和跨域 - 掘金
现代浏览器探秘(part 1):架构 - 掘金
现代浏览器探秘(part2):导航 - 掘金
现代浏览器探秘(part3):渲染 - 掘金
现代浏览器探秘(part4):事件处理 - 掘金
浏览器原理系列10篇正式完结 - 掘金
浏览器页面渲染机制,你真的弄懂了吗 - 前端 - 掘金
浏览器原理 - 掘金
浏览器渲染原理 - 前端 - 掘金
浏览器前端优化 - 前端 - 掘金
深入浅出浏览器渲染原理 - 掘金
浏览器渲染简述 - 掘金
现代浏览器内部工作原理(附详细流程图) - 掘金
一文看透浏览器架构 - 掘金
11道浏览器原理面试题 - 掘金
前端开发者应该明白的浏览器工作原理 | banggan's Blog
图解浏览器的基本工作原理 - 知乎
前端必读:浏览器内部工作原理_知识库_博客园
浏览器的工作原理:现代网络浏览器幕后揭秘 - HTML5 Rocks
从 8 道面试题看浏览器渲染过程与性能优化 - 掘金
【综合篇】浏览器的工作原理:浏览器幕后揭秘

基于 JS 编写的浏览器

breach.cc [15]
SlimerJS
laurentj/slimerjs: A scriptable browser like PhantomJS, based on Firefox

thomasloven/lovelace-browser-commander
Home  |  web.dev
[译] 一文带你看完 2019 开年浏览器之争的最新进展 - 掘金

¥提高Web开发技能的模式库

有助于提高你的 Web 开发技能的7个模式库 - 梦想天空(山边小溪) - 博客园
想写好前端,先练好内功 - 掘金

¥基于 Node的桌面静态 Web 服务器

Fenix Web Server | Static Web Servers for the Desktop

¥在线实时协作

mozilla/togetherjs: A service for your website that makes it surprisingly easy to collaborate in real-time.
Mozilla Labs : TogetherJS
TAPD-敏捷开发 项目管理 腾讯敏捷产品研发平台

¥缓存

web清缓存

html头文件设置常用之<meta>设置缓存 - 兔&&大梅 - 博客园
web性能优化:详说浏览器缓存 - Lucien! - 博客园
如何在 apache 中设置缓存有效时间 - 韩子迟 - 博客园
如何设置网页静态内容缓存时间(Apache) | 云上小悟
缓存从入门到放弃 - 掘金

针对web开发者的浏览器缓存指南(译) - 掘金
从前端角度理解缓存 - 掘金
前端之浏览器缓存,一次搞定 - 掘金
实践这一次,彻底搞懂浏览器缓存机制 - 掘金
[译]通过超市买牛奶来学习缓存 - 掘金
捋一捋浏览器缓存 - 掘金

$视觉相关

color-design-helper

zerolty/color-design-helper: help for color design
Color-Design-Helper
color-design-helper/CN.md at master · zerolty/color-design-helper
React Hooks 起手式,实现一个「高颜值实用」的色彩设计工具 · Issue #17 · renjie1996/Maple-FrontEnd-Blog

style2paints: 给线稿图上色

lllyasviel/style2paints: sketch + style = paints

将视觉稿转换为更真实的动态原型

Framer – 将视觉搞转换为更真实的动态原型 - 梦想天空(山边小溪) - 博客园

可视化的字体对比工具

Tiff – 值得你体验一下的可视化的字体对比工具 - 梦想天空(山边小溪) - 博客园
Web Content Accessibility Guidelines (WCAG) 2.1

全屏

全屏 API - Web API 接口参考 | MDN
Fullscreen API - Web APIs | MDN
Fullscreen API:全屏操作 -- JavaScript 标准参考教程(alpha)
Web全屏模式轻松掌握[局部元素全屏展示] - 掘金
OBKoro1 (OBKoro1)
前端积累 | OBKoro1前端积累
OBKoro1's Blog

前端开发面对设计稿的相关思考 - 掘金

$客户端

¥视频客户端

phobal/ivideo: 一个可以观看国内主流视频平台所有视频的客户端(Mac、Windows、Linux) A client that can watch video of domestic(China) mainstream video platform

¥聊天客户端

Converse.js – 开源的 XMPP 聊天客户端 - 梦想天空(山边小溪) - 博客园

$神兵利器

Clover

Clover给资源管理器加上类似Chrome的标签 | 易捷科技 EJIE Technology

Ditto

Ditto

Insight.io

Insight.io | Best Place to Browse Code on the Web
Insight.io | Best Place to Browse Code on the Web

IDM

Internet Download Manager: the fastest download accelerator

keycastr

keycastr/keycastr: KeyCastr, an open-source keystroke visualizer
keycastr/Lobby - Gitter

listary

Listary – File Search & App Launcher

myHotKey

leer0911/myHotKey: 基于 Autohotkey 的效率工具
AutoHotkey
快速参考 | AutoHotkey
如何提高还在用window系统的编码硬效率 - 掘金
按字母排序的命令和函数索引 | AutoHotkey

null-cli

webfansplz/null-cli: 🛠️ A command makes you more efficient
null-cli

office

pandoc

jgm/pandoc: Universal markup converter
Pandoc - About pandoc

snipaste

Snipaste/translations: Translations for Snipaste

Typora

Typora快捷键 - it_guang的博客 - CSDN博客
Typora快捷键 - 简书
Typora — a markdown editor, markdown reader.

uTools

uTools - 你的专属工具集

Wox

Wox
Wox-launcher/Wox: Launcher for Windows, an alternative to Alfred and Launchy.
Choose a language · GitBook
Releases · Wox-launcher/Wox
voidtools
Plugin

XX-Net

如何使用XX-Net - CSDN博客
how to create my appids · XX-net/XX-Net Wiki

xiangxuema

xland/xiangxuema: “想学吗”个人知识管理工具客户端

录屏工具:LICEcap

justinfrankel/licecap: LICEcap simple animated screen capture tool for Windows and OS X
LICEcap 中文版 - 超简单的 GIF 动画制作软件神器 (屏幕录像生成 GIF 图片工具) | 异次元软件下载
Screen to GIF - Download
GifCam - Download
LICEcap - Download

代码比较工具

程序员喜欢的5款最佳代码比较工具_SmileMoon's Home-CSDN博客

万能助手

首页_万能助手_编程教程_编程入门_编程入门教程_计算机编程入门_电脑编程入门自学_简码编程官网_致力于零基础自学编程中文图解教程的分享与问答
万能助手 -- 扩展库大全集_帖子详情_万能助手|电脑|计算机|编程|入门|教程|自学_简码编程官网
万能助手 -- 类似音速启动但更好用的桌面图标快捷方式管理工具 - 掘金

WorkFlowy - Organize your brain.
十款 Windows 下必装软件,大大增强工作幸福
《吐血整理》顶级程序员工具集 - 掘金
程序员有哪些平时自己开发的小工具来简便工作? - 知乎
如何在Windows下像Mac一样优雅开发 - 掘金
Scapple | Literature & Latte
小光头coder - 简书

$脸部识别

¥纯前端实现人脸识别

纯前端实现人脸识别-提取-合成 | 前端路上

Face++ – 提供给你实时的脸部识别 API - 梦想天空(山边小溪) - 博客园
jQuery 人脸识别插件,支持图片和视频 - 梦想天空(山边小溪) - 博客园

$网络爬虫

baidu-search-optimization

Binkcn/baidu-search-optimization: 显示原始网址,移除重定向,针对网址进行过滤。

get_picture

1eeing/get_picture: 爬取你想要的图片
TinyPNG – Developer API

gulius-projects

DesertsX/gulius-projects: 收录古柳(DesertsX)的一些小项目

headless-chrome-crawler

yujiosaka/headless-chrome-crawler: Distributed crawler powered by Headless Chrome

juejinxiaoce

oliyg/juejinxiaoce: 爬取掘金小册,并将 html 文件转为 markdown 格式文件

juejin-spider

lxfriday/juejin-spider: 爬取掘金文章数据,查看在全站排行信息,查看自己关注、点赞、评论增长
掘金数据
【第三方掘金功能】掘金个人数据统计,第三方实现的掘金用户 dashboard - 掘金

PSpider

xianhu/PSpider: 简单易用的Python爬虫框架,QQ交流群:597510560

$语言、标准、规范

coffeescript

jashkenas/coffeescript: Unfancy JavaScript
CoffeeScript

css规范

Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
Full property table

HTML Standard

HTML Standard
HTML Standard
Web Hypertext Application Technology Working Group
whatwg/html: HTML Standard

WebFundamentals

google/WebFundamentals: Best practices for modern web development

在线速查手册

OverAPI.com – 史上最全的开发人员在线速查手册 - 梦想天空(山边小溪) - 博客园
OverAPI.com | Collecting all the cheat sheets
Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十三】 - 梦想天空(山边小溪) - 博客园
特别推荐:Web开发常用速查手册大全 - 梦想天空(山边小溪) - 博客园
分享12份非常有用的 Google 速查手册 - 梦想天空(山边小溪) - 博客园
前端开发者喜欢的20个学习文档和指南 - 梦想天空(山边小溪) - 博客园
前端开发者必备的20个在线工具和指南 - 梦想天空(山边小溪) - 博客园
前端开发者必备的20个文档和在线工具 - 梦想天空(山边小溪) - 博客园
15个最佳的用户体验和用户界面工具和资源 - 梦想天空(山边小溪) - 博客园
推荐20个很有帮助的 Web 前端开发教程 - 梦想天空(山边小溪) - 博客园
Web 前端开发精华文章推荐(HTML5、CSS3、jQuery)【系列二十三】 - 梦想天空(山边小溪) - 博客园

前端协作规范

if 我是前端团队 Leader,怎么制定前端协作规范? - 掘金

大前端的技术原理和变迁史 - 掘金
【译】JavaScript 完整手册 - 掘金
BingKui/javascript-zh: Airbnb 出品,目前非常流行的 JavaScript 代码规范(中文版)。其内对各种 js 范式的写法进行了详细的规定与说明,按照此规范写出的代码将会更加合理。

$图片相关

AI人工智能图片放大

Bigjpg - AI人工智能图片无损放大 - 使用人工智能深度卷积神经网络(CNN)无损放大图片

showImg

yzygithub/showImg: 查看数据集的图片
一个22万张NSFW图片的鉴黄数据集?我有个大胆的想法…… - 知乎
alexkimxyz/nsfw_data_scrapper: Collection of scripts to aggregate image data for the purposes of training an NSFW Image Classifier

七牛云图床

在markdown中使用图床+七牛云存储实现快速外链贴图 - 吴渣渣的博客 - CSDN博客
尝试使用七牛作为图床 - xinhuasz - CSDN博客
hexo,使用七牛图床 - 看写写 - CSDN博客
使用七牛云作为图床获取外链方式总结 - strivebo - CSDN博客
用七牛做图床-同步工具qrsbox - 公子专栏 - CSDN博客
七牛图片上传的使用心得 - shuzipai的博客 - CSDN博客
六四、使用JS-SDK上传图片(文件)到七牛 - 梅某某 - CSDN博客
从微信图片选择接口到七牛云图床(java+js) - qq_24023703的博客 - CSDN博客
如何利用七牛云在线存储图片 - cloud_guo的博客 - CSDN博客
七牛云存储搭建图床 - 许博文的专栏 - CSDN博客
拥抱云计算——七牛云图床 - qq_24023703的博客 - CSDN博客

Jeffrey Friedl's Image Metadata Viewer

$文本、文档

¥docxtemplater

open-xml-templating/docxtemplater: Generate docx and pptx (microsoft word documents) from templates, from Node.js, the Browser and the command line / Demo: https://docxtemplater.com/demo
docxtemplater - Complete docx and pptx generation programming library
Installation — docxtemplater documentation
Docxtemplater — docxtemplater documentation

¥fastText

FastText:快速的文本分类器 - CSDN博客

¥Markdown工具

breakdance

breakdance/breakdance: HTML to markdown converter. Highly pluggable, flexible and easy to use. It's time for your markup to get down.
Breakdance

gatsby-transformer-remark

gatsby-transformer-remark | GatsbyJS
gatsby/packages/gatsby-transformer-remark at master · gatsbyjs/gatsby

Mark Text

Mark Text - 下一代所见即所得的Markdown编辑器 - 梦想天空(山边小溪) - 博客园

Markdown

lint-md

hustcc/lint-md: 检查中文 markdown 编写格式规范的命令行工具,基于 AST,方便集成 ci,写博客 / 文档必备。

marked

markedjs/marked: A markdown parser and compiler. Built for speed.
Marked.js Documentation

README

guodongxiaren/README: README文件语法解读,即Github Flavored Markdown语法介绍

readme-md-generator

kefranabg/readme-md-generator: 📄 CLI that generates beautiful README.md files
readme-md-generator/templates at master · kefranabg/readme-md-generator

IQAndreas/markdown-licenses: A collection of open source licenses in Markdown format. Contributions are always welcome!
Markdown - 热门问答 - 知乎
可能是目前最全面的Markdown写作解决方案 - 向阳乔木 - 知乎专栏
Madoko - document
Markdown 语法说明(简体中文版)
Editor.md - 开源在线 Markdown 编辑器
Markdown 語法說明
欢迎使用马克飞象 - 马克飞象 - 专为印象笔记打造的Markdown编辑器
便签 - 锤子科技
MarkdownPad - The Markdown Editor for Windows
Editor.md - 开源在线 Markdown 编辑器
图床 - Dev Fancy+
CSDN Markdown简明教程1-关于Markdown_whqet-CSDN博客
CSDN Markdown简明教程2-基本使用_whqet-CSDN博客
CSDN Markdown简明教程3-表格和公式 - 博客频道 - CSDN.NET
CSDN Markdown简明教程4-UML图_whqet-CSDN博客
CSDN Markdown简明教程5-快速上手_whqet-CSDN博客
CSDN Markdown简明教程-王海庆-专题视频课程_whqet-CSDN博客
简书
首页 - 简书
Markdown——入门指南 - 简书
公欲善微信,必先藏利器——5个工具让你成为微信运营快手- 简书
「美」中不足的便签工具 —— 锤子便签2.5 - 简书
Cmd Markdown 编辑阅读器 - 作业部落出品
UEditor - 示例
開放中文轉換 Open Chinese Convert (OpenCC)

markdown-tree

hughsk/markdown-tree: Convert a markdown document into a JSON tree structure.
markdown-tree - npm

markdown-it-wiki-toc

peoplefund-tech/markdown-it-wiki-toc: Markdown-it plugin to add Wiki style Table Of Contents

markdown-nice

mdnice/markdown-nice: 支持自定义样式的微信 Markdown 排版工具
让微信排版变 Nice
解决了!微信公众号数学公式排版 - 掘金

remarkable

jonschlinkert/remarkable: Markdown parser, done right. Commonmark support, extensions, syntax plugins, high speed - all in one. Gulp and metalsmith plugins are also available. Used by Facebook, Docusaurus and many others! See https://github.com/breakdance

stackedit

benweet/stackedit: In-browser Markdown editor
StackEdit – In-browser Markdown editor

simplemde-markdown-editor

sparksuite/simplemde-markdown-editor: A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
JavaScript Markdown Editor - SimpleMDE

snarkdown

developit/snarkdown: A snarky 1kb Markdown parser written in JavaScript

tui.editor

nhnent/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
TOAST UI :: Make Your Web Delicious!

TreeMDown

hollodotme/TreeMDown: [triː <'em> daʊn] PHP single page markdown tree browser
01-What-Is-TreeMDown.md - TreeMDown

vnote

vnote/README_zh.md at master · tamlok/vnote
https://tamlok.github.io/vnote/
VNote - 一个更懂程序员和Markdown的笔记

React 渲染 Markdown 的方法 - 前端 - 掘金
生产力 | Markdown 为何物

¥Notes

trilium

zadam/trilium: Build your personal knowledge base with Trilium Notes

¥Web打印

Web打印探秘 - 掘金

¥文件、文件夹

itvincent-git/fast-delete: FastDelete是一个快速删除文件夹的工具,基于nodejs里文件操作的强大性能。特别是文件夹里存在大量小文件的情况下,FastDelete能够比Windows的删除操作快上十倍。
jrainlau/filemap: A tool for creating files structure tree map.

$系统&桌面应用

¥cmder

Win下必备神器之Cmder | 晚晴幽草轩
https://blog.miniasp.com/post/2015/09/27/Useful-tool-Cmder.aspx
利用 Chocolatey 快速在 Windows 下搭建一个开发环境 | Laravel China 社区 - 高品质的 Laravel 开发者社区
Cmder | Console Emulator
Win下最爱效率神器:AutoHotKey | 晚晴幽草轩
windows命令行如何删除文件夹和文件_百度经验
Win7使用CMD命令强行删除文件的方法_百度经验

¥download manager

agalwood/Motrix: A full-featured download manager.
jae-jae/Camtd: Chrome multi-threaded download manager extension,based on Aria2 and AriaNg. Chrome多线程下载扩展。

¥Linux

linux0.12 内核学习 (buffer.c) - 掘金
Linux分区+安装centos6.9 - 掘金
每个开发人员都应该掌握的 11 个控制台命令 - 掘金
Linux 查找进程与结束进程 - 蚩尤后裔 - CSDN博客
Linux学习笔记——如何使用echo指令向文件写入内容 - 物联网 IoT 经验分享小站 - CSDN博客
Linux查询进程和结束进程 - 大米饭~ - 博客园
Linux笔记:vi常用命令 - 朝雨忆轻尘 - 博客园
Linux笔记:linux常用命令 - 朝雨忆轻尘 - 博客园
Linux中zip压缩和unzip解压缩命令详解 - 清零者 - 博客园
centos7离线安装unzip和zip - 又尘埃 - 博客园
nodejs设置NODE_ENV环境变量(2) - 风车车jerry - 博客园
linux 环境变量配置(node) - 浪迹灬天涯 - 博客园
echo命令详解 (一) 真的很详细
echo命令详解 (二) 真的很详细
Linux下使用vim命令编辑与修改文本内容_Linux教程_Linux公社-Linux系统门户网站
用于黑客渗透测试的 21 个最佳 Kali Linux 工具 - 知乎

¥nativefier

nativefier - 快速把任意网页生成桌面应用程序 - 梦想天空(山边小溪) - 博客园
jiahaog/nativefier: Make any web page a desktop application

¥Windows

felixrieseberg/windows95: 💩🚀 Windows 95 in Electron. Runs on macOS, Linux, and Windows.
Windows10 自带的虚拟机功能,让你同时拥有几台电脑。 - 知乎

¥原子设计系统

Pattern Lab - 构建先进的原子设计系统 - 梦想天空(山边小溪) - 博客园

¥轻量CMS系统

内容管理工具

Pico

Nivo Slider - #1 Responsive WordPress Slider Plugin

Bolt CMS: Easy for editors, and a developer's dream CMS | Bolt CMS
bolt/bolt: Bolt is a simple CMS written in PHP. It is based on Silex and Symfony components, uses Twig and either SQLite, MySQL or PostgreSQL.

Pagekit | Pagekit - A new modern CMS to create and share - Intuitive. Modular. Flexible.

¥用于 Unix 系统的进程监控工具

Supervisor: A Process Control System — Supervisor 3.3.4 documentation

¥热门应用程序的可视化快捷键

ShortcutMapper – 热门应用程序的可视化快捷键 - 梦想天空(山边小溪) - 博客园

开发&代码工具相关

$Docker

www.docker.com
portainer/portainer: Simple management UI for Docker
9102 年了,学点 Docker 知识 - 掘金
使用 Docker 搭建你自己的 RSS 服务(Miniflux) - 掘金
如何使用 docker 部署前端应用 - 掘金
写给前端的Docker实战教程 - 掘金
CentOS7搭建Docker私有仓库 - fendo - CSDN博客
Docker(二)----Dockerfile文件详解 - fendo - CSDN博客
Docker(三)----Dockerfile搭建Nginx环境与文件挂载 - fendo - CSDN博客
Docker(四)----Docker-Compose 详解 - fendo - CSDN博客
Docker(五)----Docker-Compose部署nginx代理Tomcat集群 - fendo - CSDN博客
Docker(六)----Swarm搭建Docker集群 - fendo - CSDN博客
Docker(七)----搭建Portainer可视化界面 - CSDN博客
Docker笔记:常用命令汇总 - 朝雨忆轻尘 - 博客园
「nodejs + docker + github pages 」 定制自己的 「今日头条」 - 掘金
[手把手系列之]Docker 部署 vue 项目 - 掘金
【已解决】CentOS7使用yum安装Docker显示错误:cannot find a valid baseurl for repo: base/7/x86_6 - 掘金
个人服务器架构简介 - 掘金
一杯茶的时间,上手 Docker - 掘金

$Elasticsearch

Kibana

Kibana core

elastic/kibana: Your window into the Elastic Stack
Kibana 用户手册 | Elastic
Past Releases of Elastic Stack Software | Elastic
Kibana OSS 7.3.1 | Elastic

Kibana开发环境搭建及FAQ

Introduction - kibana-plugin-development-tutorial
kibana6.3.0开发环境搭建 - charming的博客 - CSDN博客
Kibana插件开发(基本环境搭建) - LemonGirls的博客 - CSDN博客
kibana 6.3.0版本开发环境配置失败(yarn kbn bootstrap)解决方案 - charming的博客 - CSDN博客
yarn安装node-sass - xin00guang的博客 - CSDN博客
Kibana关闭停止失败解决办法 - 程裕强的专栏 - CSDN博客
Kibana(Windows版本) - 学海无涯的博客 - CSDN博客
yarn命令的使用说明及.yarnrc使用等 - m0_37148591的博客 - CSDN博客
在Windows环境下搭建kibana开发环境及开发插件 - 程序员大本营
ELK(Elasticsearch/Logstash/Kibana)安装时常见错误总结 - 大数据和AI躺过的坑 - 博客园
Kibana插件开发 | 易学教程
在mac上搭建kibana开发环境并打包 — POISON
如何让kibana零等待时间升级插件(前后端分离的部署) - Elastic 中文社区
Kibana 用户指南(配置Kibana) - 风继续吹 - SegmentFault 思否

PhaedrusTheGreek/transform_vis: Transform Visualization for Kibana

开源搜索与分析 · Elasticsearch | Elastic

$Hadoop

Apache Hadoop
史上最详细的Hadoop环境搭建
Hadoop教程™
【Hadoop】搭建完全分布式的hadoop - 大牛笔记 - 博客园
Hadoop快速入门
一篇文看懂Hadoop - 何石-博客 - 博客园
Hadoop 系列(一)基本概念 - binarylei - 博客园
Hadoop 系列(二)安装配置 - binarylei - 博客园
hadoop是什么?新手自学hadoop教程(一) - CXY_xn的博客 - CSDN博客

$Jenkins

Jenkins 教程 & FAQ

Jenkins入门系列

Jenkins入门系列之——00答疑解惑 - 爱自己 - 博客园
Jenkins入门系列之——03PDF文档下载 - 爱自己 - 博客园
Jenkins入门(一) - 变成习惯
Jenkins入门(二)_变成习惯-CSDN博客

Jenkins进阶系列

Jenkins进阶系列之——01使用email-ext替换Jenkins的默认邮件通知 - 爱自己 - 博客园
Jenkins进阶系列之——02email-ext邮件通知模板 - 爱自己 - 博客园
Jenkins进阶系列之——03parameterized-trigger插件 - 爱自己 - 博客园
Jenkins进阶系列之——04Publish Over FTP Plugin插件 - 爱自己 - 博客园
Jenkins进阶系列之——05FTP publisher plugin插件 - 爱自己 - 博客园
Jenkins进阶系列之——06FTP publisher plugin插件下载(支持绝对路径) - 爱自己 - 博客园
Jenkins进阶系列之——07更改Jenkins的主目录 - 爱自己 - 博客园
Jenkins进阶系列之——08Jenkins纳入版本控制 - 爱自己 - 博客园
Jenkins进阶系列之——09配置Linux系统ssh免密码登陆 - 爱自己 - 博客园
Jenkins进阶系列之——10Publish Over SSH插件 - 爱自己 - 博客园
Jenkins进阶系列之——11修改Jenkins用户的密码 - 爱自己 - 博客园
Jenkins进阶系列之——12详解Jenkins节点配置 - 爱自己 - 博客园
Jenkins进阶系列之——13修改Jenkins权限控制 - 爱自己 - 博客园
Jenkins进阶系列之——14配置Jenkins用户和权限 - 爱自己 - 博客园
Jenkins进阶系列之——15Maven获取Jenkins的Subversion的版本号 - 爱自己 - 博客园
Jenkins进阶系列之——16一个完整的JENKINS下的ANT BUILD.XML文件 - 爱自己 - 博客园
Jenkins进阶系列之——17Jenkins升级、迁移和备份 - 爱自己 - 博客园
Jenkins进阶系列之——18Jenkins语言本地化 - 爱自己 - 博客园

Jenkins Ci系列

Jenkins Ci系列目录 - 周国通 - 博客园

自动化部署之jenkins及简介 - jimmy_xuli - 博客园
Jenkins详细教程 - 简书
搭建jenkins实现自动化部署 - rslai - 博客园
docker下安装部署jenkins(一) - 掘金
Jenkins 功能分析与整理 - 简书
Docker下搭建Jenkins构建环境 - 朝雨忆轻尘 - 博客园
[手把手系列之] Jenkins+Docker自动化部署vue项目 - 掘金
jenkins command shell 或者 shell里调用参数的方式_dickzhu的专栏-CSDN博客

jenkinsci/jenkins: Jenkins automation server
Jenkins
Jenkins 用户手册
Jenkins中文文档_w3cschool
安装Jenkins
Jenkins Plugins
[手把手系列之] Jenkins+Docker自动化部署vue项目 - 掘金

$SSH&SSL

OpenSSL

JSEncrypt

MobaXterm

MobaXterm free Xserver and tabbed SSH client for Windows
MobaXterm学习与使用 - CSDN博客

如何生成SSH key - 简书
详解VUE前端按钮权限控制 / 张生荣

$数据库

chinese-xinhua

chinese-poetry

chinese-poetry/chinese-poetry: 最全中华古诗词数据库, 唐宋两朝近一万四千古诗人, 接近5.5万首唐诗加26万宋诗. 两宋时期1564位词人,21050首词。
中文诗歌

mongodb

Install MongoDB — MongoDB Manual 3.6
MongoDB Hosting: Database-as-a-Service by mLab
Robo 3T | Free, open-source MongoDB GUI (formerly Robomongo)
The most popular database for modern apps | MongoDB

mongoose

Automattic/mongoose: MongoDB object modeling designed to work in an asynchronous environment.
Mongoose ODM v5.7.14

Neo4j

Neo4j Download Center - Neo4j Graph Database Platform
Neo4j - CQL简介_w3cschool
一文教你用 Neo4j 快速构建明星关系图谱 - 掘金
Neo4j 第一篇:在Windows环境中安装Neo4j - 悦光阴 - 博客园
Windows下安装neo4j - 知乎
(5条消息)Import-Module : 未能加载指定的模块“\Neo4j-Management.psd1” - 小妖666个人笔记 - CSDN博客

quick-SQL-cheatsheet

enochtangg/quick-SQL-cheatsheet: A quick reminder of all SQL queries and examples on how to use them.

rxdb

pubkey/rxdb: A realtime Database for the Web
Introduction · RxDB - Documentation

rime-sogou

metowolf/rime-sogou: 📇 聰明的輸入法配聰明的詞庫

WatermelonDB

Nozbe/WatermelonDB: 🍉 Next-gen database for powerful React and React Native apps that scales to 10,000s of records and remains fast ⚡️

priyank-purohit/PostGUI: A React web application to query and share any PostgreSQL database.
hujiaweibujidao/poetry: china ancient poetry project data
ConnectionStrings.com - Forgot that connection string? Get it here!
简介 · ddia-cn

$工作流

¥工作流客户端

WeFlow

Tencent/WeFlow: A web developer workflow tool by WeChat team based on tmt-workflow, with cross-platform supported and environment ready.
WeFlow | 一个高效、强大、跨平台的前端开发工作流工具

legoflow

legoflow/legoflow: 更轻、更强、开箱即用的 前端工作流客户端
legoflow/legoflow-cli: 命令行工具
LegoFlow 2
LegoFlow 2 | 指南

跨端开发

前端技术周刊 2019-01-21:跨端开发的三条路线 - 掘金

使用API自动生成工具优化前端工作流 - 掘金

¥项目&建站

changelog-test

sunshine940326/changelog-test

建站tools

应用管理

JSUI

kitze/JSUI: A powerful UI toolkit for managing JavaScript apps

如何管理好10万行代码的前端单页面应用 - 掘金
前端项目文件组织与组件命名 - 掘金
用 Feature First 的方式管理前端项目复杂度 - 掘金
我们是如何管理一个 1w+ stars 的开源仓库的 - 掘金

版本命名

auto-vers

auto-vers - npm
zerolty/auto-version: It will auto update package version when build your application.

语义化版本 2.0.0 | Semantic Versioning
版本命名及限定规则详解 - 个人文章 - SegmentFault 思否
pkg版本规范管理自动化最佳实践 - 掘金

前端架构,前端架构组织结构,目录结构架构 - CSDN博客
分享最新15个加速 Web 开发的框架和工具 - 梦想天空(山边小溪) - 博客园
在线工具 —— OSCHINA.NET社区

¥代码编辑、演示&分享

¥API documentation

jsdoc

jsdoc3/jsdoc: An API documentation generator for JavaScript.
Use JSDoc: Index

Templates

davidshimjs/jaguarjs-jsdoc: A Template of jsdoc for jaguar.js project
docstrap/docstrap: A template for JSDoc3 based on Bootstrap and themed by Bootswatch
DBCDK/jsdoc3Template: A custom Customizable JSDOC3 template - forked with changes from DBC
clenemt/docdash: Lodash inspired JSDoc 3 template/theme
nhnent/tui.jsdoc-template: TUI JSDoc Template, Demo: https://nhnent.github.io/tui.jsdoc-template/latest/
SoftwareBrothers/better-docs: Beautiful theme/template for jsdoc generated documentation
nijikokun/minami: Clean and minimal JSDoc 3 Template / Theme

Build Tools

krampstudio/grunt-jsdoc: A grunt plugin to generate javascript doc by running jsdoc3 on your grunt projects.
mlucool/gulp-jsdoc3: gulp integration for jsdoc3 cli

Other Tools

jsdoc2md/jsdoc-to-markdown: Generate markdown documentation from jsdoc-annotated javascript
Integrating GitBook with JSDoc to Document Your Open Source Project

For More Information

jsdoc3/jsdoc3.github.com: JSDoc 3 website
Join JSDoc on Slack!
(99+) JSDoc Users - Google 网上论坛
Newest 'jsdoc' Questions - Stack Overflow

react-docgen

reactjs/react-docgen: A CLI and toolbox to extract information from React component files for documentation generation purposes.

bit

Bit - Share and build with code components
teambit/bit: Easily share code between projects with your team.
Component Discovery and Collaboration · Bit

carbon: 让分享的代码截图好看点

dawnlabs/carbon: 🎨 Create and share beautiful images of your source code
Carbon
dawnlabs/carbon: 🎨 Create and share beautiful images of your source code
Carbon

glorious-demo

glorious-codes/glorious-demo: The easiest way to demonstrate your code in action.
Glorious Demo

IDE

Hype3

前端开发神器Hype3初体验-可视化、响应式、动效 - 掘金
Win10电脑虚拟安装苹果MacOS无敌完整版_百度经验
首页 Hype中国社区
Tumult Hype Documentation
Hype3 — 无代码制作动效HTML5页面、动画神器(上篇) - 简书

IntelliJ

IntelliJ IDEA the Java IDE
IntelliJ IDEA 注册码
IntelliJ IDEA下载+激活+教程[图文+视频]整理 - 编程语言 / Java - CoCode
IntelliJ IDEA 2016 破解旗舰版 - 博客吧
IntelliJ IDEA 界面介绍 - IntelliJ IDEA使用教程 - PHPERZ中文资讯站
idea 插件的使用 进阶篇(个人收集使用中的)-IT大道
IntelliJ IDEA 注册码
IntelliJ IDEA 注册码
IntelliJ IDEA 详细图解最常用的配置 ,适合刚刚用的新人。 - 请叫我大师兄 - CSDN博客
IntelliJ IDEA 注册码

JetbrainsCrack

CrazyNing98/JetbrainsCrack: Jetbrains系列工具破解补丁

scratches

hxoht/scratches: A scratchpad with node & browser apis.

sublime

Sublime插件:主题篇 - 简书
sublime text3基本使用及常用插件介绍
jikeytang/sublime-text: sublime-text
如何优雅地使用Sublime Text | 晚晴幽草轩
jsfront/sublime-text: sublime-text
代码校验工具 SublimeLinter 的安装与使用
编码神器——Sublime Text 包管理工具及扩展大全 - 梦想天空(山边小溪) - 博客园
Package Control - the Sublime Text package manager
(2 条消息) Sublime Text 有哪些使用技巧? - 知乎
spadgos/sublime-jsdocs: Simplifies writing DocBlock comments in Javascript, PHP, CoffeeScript, Actionscript, C & C++
我使用的 Sublime Text 插件 - 掘金
MultiEditUtils - Packages - Package Control
philippotto/Sublime-MultiEditUtils: A Sublime Text Plugin which enhances editing of multiple selections by adding various features.
wakatime/sublime-wakatime: Sublime Text 2 & 3 plugin for automatic time tracking and metrics generated from your programming activity.
Dashboard · WakaTime
wuub/SublimeREPL: SublimeREPL - run an interpreter inside ST2 (Clojure, CoffeeScript, F#, Groovy, Haskell, Lua, MozRepl, NodeJS, Python, R, Ruby, Scala, shell or configure one yourself)
aziz/PlainTasks: An opinionated todo-list plugin for Sublime Text editor (version 2 and 3)
pichillilorenzo/JavaScript-Completions: JavaScript Completions for sublime text. It helps you to write your scripts more quickly with hints and completions.
Sublimerge 3 - Packages - Package Control

TinyEditor

umpox/TinyEditor: A functional HTML/CSS/JS editor in less than 400 bytes

vscode

VS Code 折腾记

VS Code 折腾记 - (15) 再来一波大前端适用系列的插件(主打编码体验改善) - 掘金
VS Code折腾记 - (1)扯淡 - 掘金
VS Code折腾记 - (2) 快捷键大全,没有更全 - 掘金
VS Code折腾记 - (3) 多图解VSCode基础功能 - 掘金
VS Code折腾记 - (4) 常用必备插件推荐【前端】 - 掘金
VS Code折腾记 - (5) Angular 2+ && Typescript 2+必备插件推荐 - 掘金
VS Code 折腾记 - (6) 基本配置/快捷键定义/代码片段的录入(snippet) - 掘金
VS Code 折腾记 - (7) 内置Debug功能深入【调教angular-cli 最新版】 - 掘金
VS Code 折腾记 - (8) 新一波实用插件推荐(前端)|NG2+|TS2|Vue|React|Node|版本控制|主题 - 掘金
VS Code 折腾记 - (9) 新一轮前端插件(代码质量|正则|版本控制|NG|Vue|React) - 掘金
VS Code 折腾记 - (10) 你想发布自己捣鼓的snippets到VSCode插件市场! - 掘金
VS Code 折腾记 - (11) 再来一波插件推荐!(代码片段,框架,Node,touchbar,TS,Git,数据库,python!!) - 掘金
VS Code 折腾记 - (12) 春节前的最后一波插件推荐(前端/协作/主题) - 掘金
VS Code 折腾记 - (13) VS Live Share (可提高效率的代码实时协作插件)的使用姿势 - 掘金
VS Code 折腾记 - (14) 再来推荐一波大前端适用系列 (Node/React/Vue/小程序/主题/代码体验等) 的插件 - 掘金

Sugar250/Visual-Studio-Code-Keymap-CN: Visual Studio Code Keymap in Chinese.
tonsky/FiraCode: Monospaced font with programming ligatures
JavaScript Programming with Visual Studio Code
jsconfig.json Reference
Sublime Babel - Visual Studio Marketplace
Debugger for Chrome - Visual Studio Marketplace
Formatting Toggle - Visual Studio Marketplace
工作中常用的vscode插件 - 掘金
你的vscode本可以这么炫 - 掘金
解决:对修饰器的实验支持是一项将在将来版本中更改的功能。设置+"experimentalDecorators"+选项以删除此警告。 - 简书
VisualStudioCode统计项目代码行数 - 简书
VS Code 必备插件推荐 - 小贤笔记 - CSDN博客
令人惊叹的Visual Studio Code插件 - Sroot - 博客园
VS Code 必知必会的 20 个快捷键!
推荐几个 VSCode 摸鱼插件 - 掘金
动图演示23个鲜为人知的VSCode快捷键 - 掘金

webstorm

WebStorm: The Smartest JavaScript IDE
Webstorm2018最新激活码 - 冬哥的博客 - CSDN博客
WebStorm移除项目,但项目还在创建项目的路径下 - zzhsmile520的博客 - CSDN博客
webstorm 2018 激活破解方法大全 - 唐大帅的编程之路 - CSDN博客
WebStorm 2018.3.2 激活方式(永久) - CSDN - CSDN博客
Previous Releases - WebStorm
Previous Releases - WebStorm
WebStorm 2018.3.4破解方式 - 二姐的西瓜君 - CSDN博客

Atom
Atom 中文社区
viatsko/awesome-vscode: 🎨 A curated list of delightful VS Code packages and resources.
adobe/brackets: An open source code editor for the web, written in JavaScript, HTML and CSS.
Cloud9 - Your development environment, in the cloud
Notepad++ Home
Coding WebIDE 开启云端开发模式! - Coding.net
JetBrains:面向专业人员和团队的开发工具 JetBrains 中文官网
Spket IDE - JavaScript Editor
SimplyY 的博客:atom tips
Wingware Python IDE
Brackets - A modern, open source code editor that understands web design.
CODELF
你可能没用过的10款优秀代码编辑器,最喜欢哪个? - 梦想天空(山边小溪) - 博客园
给 Web 前端开发人员推荐20款 CSS 编辑器 - 梦想天空(山边小溪) - 博客园
精选!5 个必备必知必用的前端插件 - 工具资源 - 掘金
新编码神器Atom使用纪要 | 晚晴幽草轩
Browse - Package Control
前端开发必备!Emmet使用手册_Emmet 教程_w3cplus

¥代码评审(Code Review)

web前端技术圈
11个代码质量审核和管理工具,程序员必备!

¥代码托管Tools

bitbucket

Overview — Bitbucket
Bitbucket | The Git solution for professional teams

Git

git core

Git - Book
Git - Book
GitBook · Documentation made easy
git 常用命令 | 傅皮蛋的日志
github/gitignore: A collection of useful .gitignore templates
沉浸式学 Git: Contents
Git Magic - 前言
git - the simple guide - no deep shit!
Git 参考手册
Git 教學(1) : Git 的基本使用 - 好麻煩部落格
Git常用命令速查表(收藏大全)
[前端漫谈] 一巴掌拍平Git中的各种概念 - 掘金
Pro Git(中文版)
Git核心命令会这些就够了 - 东陆之滇的技术博客 - CSDN博客
Git_w3cschool
Guides - [ Git中文开发手册 ] - 在线原生手册 - php中文网

git操作规范&教程

git add/commit

git commit

conventional-changelog

conventional-changelog-cli

conventional-changelog/packages/conventional-changelog-cli at master · conventional-changelog/conventional-changelog
conventional-changelog-archived-repos/conventional-changelog-cli: deprecated, instead use https://github.com/conventional-changelog/conventional-changelog monorepo

changelog

changelog 日志自动生成插件 - 掘金
Commit Message & Change Log - 简书
Commit message 和 Change log 编写指南 - 阮一峰的网络日志

conventional-changelog
conventional-changelog/conventional-changelog: Generate changelogs and release notes from a project's commit messages and metadata.
grunt-conventional-changelog/CHANGELOG.md at master · btford/grunt-conventional-changelog

validate-commit-msg

conventional-changelog-archived-repos/validate-commit-msg: DEPRECATED. Use https://github.com/marionebl/commitlint instead. githook to validate commit messages are up to standard
Conventional Commits

commitlint

marionebl/commitlint: 📓 Lint commit messages
commitlint - Lint commit messages
Local setup - commitlint - Lint commit messages
commitlint/reference-rules.md at master · marionebl/commitlint

从一件小事聊聊软件工程师的自我修养 | 掘金年度征文 - 掘金
git commit触发的hook - 简书
git commit中输入message的几种方式 - 简书
karma/CHANGELOG.md at master · karma-runner/karma
yalishizhude/commit-specification: 跨语言的git提交规范解决方案。A cross-language resolution for git commit message specification.
Git - git-commit Documentation
Git Commit Message Conventions - Google 文档
Git 提交记录和分支模型

git学习整理(2)git add与git commit理解 - MO蓦然回首 - 博客园
Git中的add(暂存)和commit(提交)详解 - u012803663的博客 - CSDN博客
为什么要先git add才能git commit?
git取消add和commit操作 - 随手记两笔 - CSDN博客
GIT入门笔记(9)- git的add和commit机制原理 - 长安快马 - 博客园
git add 添加多个文件 - 飞越蓝天的专栏 - CSDN博客
git 命令添加整个文件夹以及文件夹下的内容 - 飞越蓝天的专栏 - CSDN博客
git 一次add 多个文件和文件夹的方法 - HeatDeath的博客 - CSDN博客

git .gitignore

Github使用.gitignore文件忽略不必要上传的文件 - 一只攻城的柿子 - CSDN博客
Github忽略文件设置经验 - 编程浪子Yiutto - 博客园
GitHub 提交 如何忽略某个文件夹 - 一句代码演绎你的人生。 - CSDN博客
git学习六:git提交忽略不必要的文件或文件夹 - Sang - CSDN博客
Git 忽略提交 .gitignore - 悠悠i - 博客园
Git 忽略提交 .gitignore - 悠悠
git: 两个配置文件.gitattributes和.gitignore - chao2016的博客 - CSDN博客

git config

commit.template

Git Commit Template如何检查 - 简书
gist.github.com

Git - 配置 Git
Git - 远程仓库的使用
Git重命名仓库、修改远程仓库地址、修改仓库配置 - Spring的博客 - CSDN博客
git 给远程库 添加多个url地址 - u012022003的专栏 - CSDN博客
将项目同时托管到Github和Git@OSC - 哦这样的孤单 你冷若冰霜 - 开源中国
IDEA/Git 设置多个push远程仓库或者同时提交多个push仓库 - MyHome - 开源中国
git修改远程仓库地址 - 赖忠标 - 博客园

git stash

Bug分支 - 廖雪峰的官方网站
Git - Stashing
git stash的详细讲解 - 简书
git stash命令 - 玄火的专栏 - CSDN博客
玩转GIT之看清 git stash 的本质 - godkun的博客 - CSDN博客
git-stash用法小结 - Tocy - 博客园
Git - 储藏(Stashing)
git stash 用法 - 泡面狂 - 博客园
git stash详解 - stone_yw的博客 - CSDN博客
git stash 用法详解 - xihuanzhi1854的博客 - CSDN博客
git之stash - 简书
git stash用法详解-蚂蚁部落
Git - git-stash Documentation
git 高阶用法 - 粉刷匠的小毛刷 - SegmentFault 思否
git stash 用法总结和注意点 - 加个小鸡腿 - 博客园
git切换到别的分支,要暂时保存当前分支的修改(不想进行add 和commit)的方法 git stash - 技术随笔 - 博客园
【Git学习】从git stash原理理解三大区域和分支切换 - fxkcsdn的博客 - CSDN博客

git 分支管理

git tag

Git tag 给当前分支打标签 - x3d - 博客园

git 删除

git删除文件夹/文件(不删除本地文件) - CSDN博客
git操作基础:删除文件夹 - CSDN博客
git 删除本地分支和远程分支、本地代码回滚和远程代码库回滚 - PianoCoder - 博客园
【git】git 常用命令(含删除文件) - boluo1230 - 博客园
git 删除分支(本地/远程) - zhuchunyan_aijia的博客 - CSDN博客
git 删除分支 - 简书
git删除远程分支和本地分支 - 罗松超 - 博客园

fast-forward

三分钟教你学Git(十二) 之 fast-forward_hongchangfirst-CSDN博客
Git – Fast Forward 和 no fast foward - bcombetter - 博客园
Git中的Fast forward选项_qq_40583925的博客-CSDN博客
【Todo】git的fast forward & git命令学习 & no-ff - blcblc - 博客园
Git – Fast Forward 和 no fast foward - 简书
git - How to fast-forward a branch to head? - Stack Overflow
git学习笔记 - 简书
git恢复fast forward模式 - SegmentFault 思否
Git fast forward提交 - 综合编程类其他综合 - 红黑联盟

git基本使用 创建切换合并分支以及提交本地分支至远程分支 - 伏念先生的博客 - CSDN博客
git切换分支保存修改的代码的方法 – Tony的技术空间
git比较两个分支的文件的差异 - yzpbright的博客 - CSDN博客
git比较两个版本之间的区别 - 阳水平的博客 - CSDN博客
Git分支管理策略 - 阮一峰的网络日志
git拉取远程分支并创建本地分支 - zhangxiaoyang0的专栏 - CSDN博客
使用git克隆指定分支的代码 - ButterflyGirl - 博客园
git的分支管理 - 掘金

git 退出vim编辑器

在git bush中如何退出vim编辑器 - 简书

git 仓库管理

Git关联远程仓库 - 江南一点雨的专栏 - CSDN博客
本地项目关联到远程git仓库 - Vi_error.nextval - CSDN博客
新创建git仓库 - 跨省少年的博客 - CSDN博客
Git 项目提交新仓库 - 兜兜里没糖糖 - 博客园
Git的使用--如何将本地项目上传到Github(两种简单、方便的方法) - Fan2g - CSDN博客
使用git将项目上传到github(最简单方法) - CKTim - 博客园
从本地更新已有项目到github - CSDN博客
利用git把本地项目传到github+将github中已有项目从本地上传更新 - 二十年后20 - 博客园
Git的使用--如何将本地项目上传到Github - CSDN博客
从本地更新已有项目到github - CSDN博客
利用git把本地项目传到github+将github中已有项目从本地上传更新 - 二十年后20 - 博客园
将项目(代码)从GitHub上克隆(下载)到本地仓库 - 江峰★ - 博客园
git push origin与git push -u origin master的区别 - 水木神舟10 - 博客园
Git 本地新建,删除分支并推送到远程仓库 - veryvalley - 博客园
Google Git-Repo 多仓库项目管理 - 掘金
Git push与pull的默认行为 - 蛤蛤 - SegmentFault 思否

git 内容合并/冲突解决

git fetch/rebase

Git - git-rebase Documentation
Git rebase使用 - 简书
git rebase - 简书
你真的懂git rebase吗? - 简书
【Git】rebase 用法小结 - 简书
深入git rebase使用
这一次彻底搞懂 Git Rebase | 码农网
Rebase - 廖雪峰的官方网站
git rebase -i - 阿谋 - 博客园
git-rebase(1)
git rebase 理解_git rebase_Erice_e的专栏-CSDN博客
git在工作中正确的使用方式----git rebase篇_nrsc-CSDN博客
git rebase_慕课手记
git的fetch、rebase工作流同步代码 - 个人文章 - SegmentFault 思否
git rebase和git fetch_xuejianbest的专栏-CSDN博客
差异:git clone , git fetch, git pull和git rebase - 滴滴滴 - 博客园
git pull VS git fetch git rebase - Stack Overflow
git补充(fetch和rebase) - helloworldmybokeyuan - 博客园
使用git fetch和git rebase处理多人开发同一分支的问题 - 简书
git pull && git fetch && git stash && git rebase && git reset - 春哥大魔王的博客的个人空间 - OSCHINA
使用git fetch和git rebase处理多人开发同一分支的问题_azureternite的专栏-CSDN博客
git fetch步骤_封狼居胥-CSDN博客

git pull/merge/pull --rebase

聊下git merge --squash - iOS - 掘金
5.1 代码合并:Merge、Rebase 的选择 · geeeeeeeeek/git-recipes Wiki
Git - git-merge Documentation
git merge代码合并--no--ff等含义 - 拼搏在2014 - CSDN博客
git Fast-forward与no-ff的区别 - fangchao3652 - CSDN博客
git merge简介 - Robin Hu的专栏 - CSDN博客
git merge 跟 git merge -no-ff - Bad Boy - CSDN博客
对比git pull和git pull --rebase - gefufeng的个人页面 - OSCHINA
git pull和git pull --rebase之间的区别_慕课猿问
简单对比git pull和git pull --rebase的使用 - 散尽浮华 - 博客园
简单对比git pull和git pull --rebase的使用-(转)_toyijiu的专栏-CSDN博客
git pull和git pull --rebase的使用 - 陈亚 - 博客园
聊下git pull --rebase_斜阳雨陌-CSDN博客
git pull --rebase的理解 - kungfupan - 博客园
为什么要使用git pull --rebase? - 简书
简单对比git pull和git pull --rebase的使用 - 简书
git pull 强制覆盖本地 - 掘金

git 打patch

git format-patch/am

Git - git-format-patch Documentation
Git - git-am Documentation
git am使用详解-cengku-ChinaUnix博客
git am 冲突解决技巧_scarecrow_byr的专栏-CSDN博客
git am 部分发生冲突的处理 - 天王盖地虎626的个人空间 - OSCHINA
如何用git命令生成Patch和打Patch - 青山牧云人 - 博客园
git format-patch_wsclinux的专栏-CSDN博客
Git format-patch和Git am_Linux小辉的博客-CSDN博客
git-format-patch(1)
git format-patch is your Friend | Oliver Davies - Full Stack Web Developer (Drupal, Symfony, Laravel, Linux)
git format-patch 用法【转】 - 请给我倒杯茶 - 博客园
git am_左山艾艾的博客-CSDN博客

git diff/apply

Git - git-apply Documentation
活用 git apply 合入 patch 补丁 - 掘金
如何使用git 生成patch 和打入patch【转】 - 请给我倒杯茶 - 博客园
git 打patch和应用patch 流程 - 魔法少女希维尔 - 博客园
git apply patch doesn't work: no such file or directory - Stack Overflow
Git Patch 操作 - 简书
Git命令解析-patch、apply、diff
git diff 生成patch, git apply patch 打补丁方法说明,以及分支管理的简单操作。_dake_160413的博客-CSDN博客

git apply、git am打补丁.diff 和 .patch - 简书
git am, git apply, git format-patch,git diff 用法 - 简书
Git 打补丁-- patch 和 diff 的使用(详细) - 简书
使用Git生成patch和应用patch,看完这一篇文章就全懂了-patch文件-上犹电脑信息网
git diff,git format-patch,git apply和patch小问题三则_Andy_0755的博客-CSDN博客

git cherry-pick

Git - git-cherry-pick Documentation
[Git] Git整理(五) git cherry-pick的使用_FightFightFight的博客-CSDN博客
工具篇:git cherry-pick_BruceBupt的博客-CSDN博客
git cherry-pick使用 - 简书
git cherry-pick - 简书
Git cherry-pick - 简书
git cherry-pick 的使用 - 风坤 - 博客园
git cherry-pick合并某个commit - WhyWin - 博客园
Git 之 cherry-pick - 活到老学到老 - SegmentFault 思否
git cherry-pick_w3cschool
git cherry-pick - [ Git中文开发手册 ] - 在线原生手册 - php中文网
Git cherry-pick 使用总结 - 天王盖地虎626的个人空间 - OSCHINA
Git cherry-pick - 简书
git cherry-pick 最佳实践 - 简书

撤销改动

git reset

Git reset - 林多多 - CSDN博客
git reset --hard 放弃本地修改 - zyfzhangyafei的专栏 - CSDN博客
git reset --hard 之 git版本回退 - 专注于全栈游戏开发 - CSDN博客
git reset 三种用法总结 - alphapersonality的博客 - CSDN博客
git reset soft,hard,mixed之区别深解 - 世有因果知因求果 - 博客园
Git版本恢复命令reset(转载) - 一点点征服 - 博客园
git reset --hard 和 git reset --sort区别 - 洋成林 - CSDN博客
github总结(4)--关于git reset --hard这个命令的惨痛教训 - 前端段子手 - 博客园
Git reset命令的使用 - 简书

git revert

git revert 用法 - demoblog - 博客园
Git revert使用和例子 - 库塔姆斯 - CSDN博客
Git - git-revert Documentation
Git 之 revert - 一入前端深似海 - SegmentFault 思否
git revert 还有这个坑?_慕课手记
git 入门 回滚错误的修改 git revert - 阿里云

git撤销commit - 泪已凝 - 博客园
撤销修改 - 廖雪峰的官方网站
Git恢复之前版本的两种方法reset、revert(图文详解) - 游笑天涯 - CSDN博客
Git Book 中文版 - Git的撤消操作 - 重置, 签出 和 撤消
git reset与git revert比较 - N神3 - 博客园
git revert 和 git reset 的区别 - qq_33442844的博客 - CSDN博客
git 放弃本地修改 - 上官云清 - 博客园
Git 版本回退(代码回滚) - DeMon - CSDN博客
[Git高级教程(二)] 远程仓库版本回退方法 - 梧桐那时雨 - CSDN博客
【Gitlab】GIT回滚master分支到指定tag版本 并提交远程仓库 - ·悟空· - 博客园
GIT回滚master分支到指定tag版本 - A点点圈圈A的博客 - CSDN博客

git 操作规范 - web前端 - SegmentFault 思否
CSDN
Release Git Credential Manager for Windows v1.14.0 · Microsoft/Git-Credential-Manager-for-Windows
你不一定知道的几个很有用的 Git 命令 - 梦想天空(山边小溪) - 博客园
花点时间顺顺Git(上) - 前端 - 掘金
花点时间顺顺Git(下) - 前端 - 掘金
图解git原理与日常实用指南 - 掘金
版本控制工具——Git常用操作(上) - 掘金
版本控制工具——Git常用操作(下) - 掘金
521xueweihan/git-tips: Git的奇技淫巧
git-tips/tips: Most commonly used git tips and tricks.
Git 有什么奇技淫巧? - 知乎
git常用命令和场景 - 掘金
关于git你日常工作中会用到的一些东西 - 掘金
通俗易懂|用好Git 和 SVN ,轻松驾驭版本管理

git工作流

Git Subtree

用 Git Subtree 在多个 Git 项目间双向同步子项目 - 掘金

gitflow

nvie/gitflow: Git extensions to provide high-level repository operations for Vincent Driessen's branching model.
petervanderdoes/gitflow-avh: AVH Edition of the git extensions to provide high-level repository operations for Vincent Driessen's branching model

Git工作流指南:Gitflow工作流 - 文章 - 伯乐在线
为了前端的深度-git的命令行 - 掘金
xuminwlt/j360-gitflow: gitflow工作流使用规范
silencyXiao/gitflow_test: gitflow 工作流指南
zhaotoday/product-workflow: Git workflow. 产品测试发布流程及 gitflow 工作流经验总结。

git服务器

搭建自己的 Git 服务器 - 掘金
在个人服务器上搭建git服务,创建属于自己的私人仓库 - 掘金

自动部署

run-if-changed

hkdobrev/run-if-changed: Run a command if a file changes via Git hooks

手摸手,带你实现代码自动部署 - 掘金

周边

git插件

Git Town

Git Town - Git 高级命令插件 - 工具资源 - 掘金

gitmoji

carloscuesta/gitmoji: An emoji guide for your commit messages. 😜
gitmoji | An emoji guide for your commit messages

gitmoji-cli

carloscuesta/gitmoji-cli: A gitmoji interactive command line tool for using emojis on commits. 💻
gitmoji-cli - npm

gitmoji-changelog

frinyvonnick/gitmoji-changelog: A library that generates changelog for repositories using gitmoji commits convention

gitbook

Spaces - YingHua1314
使用 Gitbook 打造你的电子书 - 静默虚空 - 博客园
fontsettings | GitBook Plugins
GitbookIO/gitbook: 📝 Modern documentation format and toolchain using Git and Markdown
About this documentation · GitBook Toolchain Documentation
GitBook Help Center
zhangjikai/gitbook-use: 记录GitBook的一些配置及插件信息
前言 · GitBook 使用教程
Gitbook安装与使用教程 - 陈云峰技术博客 - CSDN博客
GitBook 安装以及使用 - 简书
如何在新版的gitbook上写自己的书 - 个人文章 - SegmentFault 思否
Plugins for GitBook
expandable-chapters-small | GitBook Plugins
GitBook Editor for Mac|GitBook Editor Mac版下载 V7.0.11 - PC6苹果网
gitbook新版本 build命令导出的html不能跳转? - qi_ruihua的专栏 - CSDN博客
gitbook serve error with ENOENT: no such file or directory(fontsettings.js&website.css) · Issue #55 · GitbookIO/gitbook-cli

gitbook plugin

Download PhantomJS
gitbook 转换 pdf - kayfen - CSDN博客
gitbook 编译书籍源码 为PDF - 陈罗杰的专栏 - CSDN博客
Windows上使用gitbook制作电子书 - 记录每一个小阶段的学习心得,持之以恒! - CSDN博客
calibre - Download calibre
GitBook 安装配置 & 导出PDF - 禅林阆苑 - CSDN博客
Gitbook根据目录生成Summary.md - 简书
julianxhokaxhiu/gitbook-plugin-summary: Gitbook plugin to auto-generate SUMMARY.md
WebEngage/gitbook-plugin-copy-code-button: gitbook-plugin-copy-code-button
calibre - Download for Windows
Calibre 使用教程之转换电子书格式 – 书伴

book.json

book.json配置GitBook - 你特叔 - CSDN博客
GitBook(2):book.json 配置 - Koala工作室
bookjson · GitBook 使用教程
book.json | GitBook 简明教程
gitbook的book.json配置 - 少言才不会咸's Tech-blog - CSDN博客
gitbook中book.json文件详解 - 农家小院 - CSDN博客

Templating · GitBook Toolchain Documentation

progit2

progit/progit2: Pro Git 2nd Edition

git-bug

MichaelMure/git-bug: Distributed bug tracker embedded in Git

github-corners

tholman/github-corners: A fresher "Fork me on GitHub" callout.
GitHub Corners

gitbatch

isacikgoz/gitbatch: manage your git repositories in one place

GitHub Ribbons

GitHub Ribbons - The GitHub Blog

git-admin

ninetynine/git-admin: A package to help manage git repositories through the commandline
git-admin - npm

gitlab

The only single product for the complete DevOps lifecycle - GitLab | GitLab
liuhaimingcn/gitlab-hook: 接收github的push事件请求,监听指定分支,触发脚本重新部署项目。

git-history

pomber/git-history: Quickly browse the history of any GitHub file
Git History

husky

typicode/husky: 🐶 Git hooks made easy

learnGitBranching

pcottle/learnGitBranching: An interactive git visualization to challenge and educate!
Learn Git Branching

lazygit

jesseduffield/lazygit: simple terminal UI for git commands

recommit

一个修改git commit的名字/email/日期的工具 - 前端 - 掘金

tree

如何在git Bash中使用tree .命令 - 简书
git 入门教程之 git bash 竟然不支持 tree 命令 - 雪之梦技术驿站 - 博客园

thanks

feross/thanks: 🙌 Give thanks to the open source maintainers you depend on! ✨

HelloGitHub – 分享 GitHub 上入门级、有趣的开源项目
gitpoint/git-point: GitHub in your pocket
k88hudson/git-flight-rules: Flight rules for git
hua1995116/git-down-repo: Download git-repo for any url
GitHub Desktop | Simple collaboration from your desktop
Gogs - 基于 Go 语言的自助 Git 服务 - 梦想天空(山边小溪) - 博客园

github

github core

https://api.github.com/users
https://api.github.com
LGDHuaOPER
第一次使用Git上传本地项目到github上 - 孙氏楼 - 博客园

Gitter

Gitter - 高颜值GitHub小程序客户端诞生记 - 掘金
huangjianke/Gitter: Gitter for GitHub - 可能是目前颜值最高的GitHub小程序客户端
GitHub API v3 | GitHub Developer Guide

github-actions

boyney123/github-actions: Open source list of GitHub Actions
Github Actions

github-spray

Annihil/github-spray: 👾Generate spray for your GitHub contrib graph ░▒▓█

GitHub热门JS项目

casebox

CaseBox
huridocs/casebox: Casebox: Secure all your information and team communication in one place

scrollback

Scrollback, where communities hang out
scrollback/scrollback: Embeddable cross-platform chat for communities

chaozh/awesome-blockchain-cn: 收集所有区块链(BlockChain)技术开发相关资料,包括Fabric和Ethereum开发资料
tiimgreen/github-cheat-sheet: A list of cool features of Git and GitHub.
github上实用、常用的插件和库 - CSDN博客
pshihn/rough: Create graphics with a hand-drawn, sketchy, appearance
kamranahmedse/driver.js: A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page
sindresorhus/fkill-cli: Fabulously kill processes. Cross-platform.
monkeyWie/proxyee-down: http下载工具,基于http代理,支持多连接分块下载
uber/NullAway: A tool to help eliminate NullPointerExceptions (NPEs) in your Java code with low build-time overhead
nhnent/tui.chart at production
sjsdfg/Interview-Notebook-PDF: https://github.com/CyC2018/Interview-Notebook PDF版本离线阅读
yangshun/front-end-interview-handbook: 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore
Beyond grep: ack 2.24, a source code search tool for programmers

github周边

initab

Initab - Chrome New Tab Extension for Developers
dracula/dracula-theme: A dark theme for all the things!
NLKNguyen/base16-papercolor-light-syntax: A Base16 port of PaperColor Light syntax color scheme for Atom

HelloGitHub
521xueweihan/HelloGitHub: Find pearls on open-source seashore 分享 GitHub 上有趣、入门级的开源项目
HelloGitHub – 分享 GitHub 上入门级、有趣的开源项目

github FAQ

【最新】解决github图片不显示的问题 - Antrn的博客 - CSDN博客
Git的使用--如何将本地项目上传到Github - cssshua的博客 - CSDN博客
两种方法上传本地文件到github - 简书
上传本地代码及更新代码到GitHub教程 - 张梨贤 - 博客园
工具大全github地址 - CSDN博客
怎么利用Github Issues 获取帮助 · Issue #2 · ssy341/datatables-cn
GitHub下载克隆clone指定的分支tag代码 - Tse先生 - 博客园
kibana/search_bar.tsx at 09ea3d529feb8e8af80c1061669b39ba881eb800 · elastic/kibana
github 项目搜索技巧-让你更高效精准地搜索项目
Git的使用--如何将本地项目上传到Github - cssshua的博客 - CSDN博客
两种方法上传本地文件到github - 简书
上传本地代码及更新代码到GitHub教程 - 张梨贤 - 博客园
工具大全github地址 - CSDN博客
怎么利用Github Issues 获取帮助 · Issue #2 · ssy341/datatables-cn

账户冲突

解决 github push failed (remote: Permission to userA/repo.git denied to userB.) - 付小华的博客 - CSDN博客
git使用中遇到的remote:Permission to xxx denied to xxx问题如何解决 - 刘氏一族的博客 - CSDN博客
git 问题解决之remote: Permission to xxx/xxx.git denied to xxx. - qq_35524586的博客 - CSDN博客

建立个人博客网站

github-pages

【笔记】在GitHub Pages中加入Disqus评论系统 - Forest of Horizon. 天际林。
GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live.
Gitment:使用 GitHub Issues 搭建评论系统 | I'm Sun
imsun/gitment: A comment system based on GitHub Issues.
New OAuth Application

gh-pages

tschaub/gh-pages: General purpose task for publishing files to a gh-pages branch on GitHub

手把手教你在Github上建立自己的个人博客网站 - 简书
手把手教你在Github上建立自己的个人博客网站 - 夜殇 - CSDN博客
Jekyll Themes
jokinkuang/stepbystep: A jekyll theme, simple and clear, compatible with PC iPad and Phone (RWD)
配置
Liquid reference · Shopify Help Center
Jekyll • Simple, blog-aware, static sites | Transform your plain text into static websites and blogs

Sourcetree

Sourcetree | Free Git GUI for Mac and Windows

LGDHuaOPER

¥调试、测试&优化

hack

我们用 JavaScript Hack 了家里的咖啡机

MySQL管理工具

iysql

influx-code/iysql: IYSQL - Improve Your SQL

15款最佳的MySQL管理工具和应用程序 - 梦想天空(山边小溪) - 博客园

server/mock

$mock工具

lazy-mock

wjkang/lazy-mock: 一个快速生成后端模拟数据的懒人工具
lazy mock
wjkang/lazy-mock-cli
lazy-mock-templates/d2-admin-pm: d2-admin-pm curd模板
使用 Node.js 写一个代码生成器 - 掘金

ma-mock

masongzhi/ma-mock: 用于mock和proxy的服务器
手动编写mock服务(ma-mock) - 掘金

Mock.js

Mock.js
nuysoft/Mock: A simulation data generator
手把手教你mockjs实际项目快速搭建 - 掘金

easy-mock

easy-mock/easy-mock: A persistent service that generates mock data quickly and provids visualization view.
Easy Mock
easy-mock/easy-mock-cli: Create api.js for Easy-Mock. https://easy-mock.github.io/easy-mock-cli/
Easy Mock

randomuser

Random User Generator | Home
RandomAPI :: Index
RandomAPI/Randomuser.me-Node: Source code that powers randomuser.me

simple-mock

在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟 - 志文工作室
lzwme/simple-mock: 以注入到 node server 的 API 代理方式,实现简洁而功能强大的 API MOCK 功能,支持自动保存后端 API 数据到本地
Simple Mock - By lzw
renxia/github-user-search-ng: Github User Search for Angular 6+ Demo
Github User Search

如何优雅的使用Mock Server - 掘金

mockJSON

mennovanslooten/mockJSON: MockJSON is a plugin for jQuery that can hijack JSON and JSONP requests and respond with randomly generated JSON data.

raml-mocker

raml2html

raml2html/raml2html: RAML to HTML documentation generator.
raml2html - npm

xbl/raml-mocker: Raml-mocker 不仅是个 Mock Server,还是一个 API 接口测试工具

json-server

typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously)

now

Now - ZEIT
Now for GitLab - ZEIT
Now for GitHub - ZEIT
zeit/now-cli: The command-line interface for Now
Flotype/now: NowJS makes it easy to build real-time web apps using JavaScript

serve-handler

zeit/serve-handler: The foundation of `serve` and static deployments on Now
serve-handler - npm

http-server

@itemsjs/http-server - npm
@huangzj/http-server - npm

serve

serve - npm
zeit/serve: Static file serving and directory listing
tj/serve: Simple command-line file / directory server built with connect - supports stylus, jade, etc
expressjs/serve-static: Serve static files

serverless

serverless/serverless: Serverless Framework – Build web, mobile and IoT applications with serverless architectures using AWS Lambda, Azure Functions, Google CloudFunctions & more! –
Serverless - The Serverless Application Framework powered by AWS Lambda, API Gateway, and more

server

franciscop/server: Simple and powerful server for Node.js
Server.js

测试

单元测试

Jest

Jest · 🃏 令人愉快的 JavaScript 测试
Jest · 🃏 Delightful JavaScript Testing
facebook/jest: Delightful JavaScript Testing.
Jest - 简书

前端测试框架Jest系列教程

前端测试框架Jest系列教程 -- 简介 - 不负春光,努力生长 - 博客园
前端测试框架Jest系列教程 -- Matchers(匹配器) - 不负春光,努力生长 - 博客园
前端测试框架Jest系列教程 -- Asynchronous(测试异步代码) - 不负春光,努力生长 - 博客园
前端测试框架Jest系列教程 -- Mock Functions(模拟器) - 不负春光,努力生长 - 博客园
前端测试框架Jest系列教程 -- Global Functions(全局函数) - 不负春光,努力生长 - 博客园
前端测试框架Jest系列教程 -- Expect(验证) - 不负春光,努力生长 - 博客园

Getting Started · Jest
jest 自动化测试 - wang_yb - 博客园
Jest测试React组件入门 - 简书
Jest Mocks入门 - 简书
Jest学习笔记(一) - 简书
Jest学习笔记(二) - 简书

riteway

ericelliott/riteway: Unit tests that always supply a good bug report when they fail.

单元测试之基本构成 - 掘金
年轻时,我不写单元测试 - 掘金
12 款 JS 代码测试必备工具 - 开源中国
前端测试框架对比(js单元测试框架对比) - 晴天_雨天 - 博客园
JavaScript单元测试框架 - undefined
使用karma和jasmine配合phantom浏览器进行单元测试 - 掘金

e2e测试

自动化测试-e2e测试框架选择 - 掘金

自动化测试

断言库

chai.js

producthunt/chai-enzyme: Chai.js assertions and convenience functions for testing React Components with enzyme
Expect / Should - Chai

berserkJS

tapir-dream/berserkJS: berserkJS 是新形态的前端测试自动化工具 + 页面性能分析工具 ,同时也是个使用 JS 语法控制的命令行浏览器。可用 JS 编写前端自动测试用例 + 页面性能分析用例。 想了解更多

puppeteer-recorder

Overview | Checkly

lambdatest

Free Cross Browser Testing Tool on Cloud | Selenium Automation Testing

前端技术周刊 2018-12-10:前端自动化测试 - 掘金
如何进行前端自动化测试? - 知乎
自动化测试|录制回放效果差异检测 - 前端 - 掘金

UI测试

storybook

Storybook - UI dev environment you'll love to use
storybooks/storybook: Interactive UI component dev & test: React, React Native, Vue, Angular, Ember
Introduction
Slow Start Guide
https://storybook.js.org/docs/guides/guide-react/
Storybook Tutorial
storybook/addons/storyshots at master · storybooks/storybook
storybook/addons/storyshots/storyshots-core at master · storybooks/storybook
storybook/addons/storyshots/storyshots-puppeteer at master · storybooks/storybook
开始吧 | Storybook Tutorial

react-styleguidist

styleguidist/react-styleguidist: Isolated React component development environment with a living style guide
React Styleguidist: isolated React component development environment with a living style guide

浏览器端测试

airtap

airtap/airtap: Test your JavaScript in 800+ browsers.

webhint

webhint, the hinting engine for web best practices
webhint

debug

JSDebugger

SatanWoo
SatanWoo/JSDebugger: JavaScript-Based Debugger For Inspecting Running State Of Your Application
bang590/JSPatchConvertor: JSPatch Convertor is a tool that converts Objective-C code to JSPatch script automatically.
Fundebug - 不放过每一个BUG

visionmedia/debug: A tiny JavaScript debugging utility modelled after Node.js core's debugging technique. Works in Node.js and web browsers
Debug

本地测试

mkcert

FiloSottile/mkcert: A simple zero-config tool to make locally trusted development certificates with any names you'd like.

真机测试

Carefree

测试各种设备的屏幕和分辨率

Screenfly / Test Your Website at Different Screen Resolutions
puppeteer/DeviceDescriptors.js at master · GoogleChrome/puppeteer
理一理屏幕尺寸那些事 - 掘金

页面优化&调试

Chrome 开发者工具

Chrome调试工具技巧

【译】你不知道的Chrome调试工具技巧 第四天:the Elements panel(元素面板) - 掘金
【译】你不知道的Chrome调试工具技巧 第一天:console中的' - 掘金 - 掘金
【译】你不知道的Chrome调试工具技巧 第二天:copying & saving - 掘金
【译】你不知道的Chrome调试工具技巧 第三天:console methods (内有作者关于译文的回复) - 掘金
【译】你不知道的 Chrome 调试工具技巧 第八天:Color picker(颜色选择器) - 掘金
【译】你不知道的Chrome调试工具技巧 第七天:异步console的趣味小窍门 - 掘金
【译】你不知道的Chrome调试工具技巧 第六天:command 菜单 - 掘金
【译】你不知道的Chrome调试工具技巧 第五天:console的log中,让人疑惑的案例 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第九天:给 console 计时 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十天:custom formatters(自定义格式转换器) - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十一天:style editors continued(样式编辑器后续) - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十二天:忍者日志打印!(the ninja logs) - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十三天:对象 & 方法 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十四天:其他快捷键~ - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十五天:Twitter day! - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十六天:断点 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十七天:再会console - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十八天:Drawer 里的秘密 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第十九天:深入 Drawer - 掘金
【译】你不知道的 Chrome 调试工具技巧 第二十天:Workspace的黑魔法 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第二十一天:Snippets(代码块) - 掘金
【译】你不知道的 Chrome 调试工具技巧 第二十二天:network - 掘金
【译】你不知道的 Chrome 调试工具技巧 第二十三天:Drawer tips 后续 - 掘金
【译】你不知道的 Chrome 调试工具技巧 第二十四天:最后一天,元旦牛逼 - 掘金

chrome devtools使用详解

Chrome DevTools Protocol Viewer
chrome devtools使用详解——Performance - 掘金
chrome devtools使用详解——Elements篇 - 掘金
chrome devtools使用进阶——Sources - 掘金

console

Console - Web APIs | MDN
【译】灵活使用 console 让 js 调试更简单 - 掘金
【译】如何停止使用console.log()转而使用浏览器debugger - 掘金
【译】创造性地使用 Console! - 掘金

Chrome 开发者工具  |  Tools for Web Developers  |  Google Developers
Console API 参考  |  Tools for Web Developers  |  Google Developers
Command Line API 参考  |  Tools for Web Developers  |  Google Developers
你不知道的 Chrome 调试技巧 - dendoink - 掘金小册
[译] Chrome 73 开发者工具新特性 - 掘金
用Chrome开发者工具做JavaScript性能分析 - 文章 - 伯乐在线
Chrome DevTools 之 Network,网络加载分析利器 - 简书
Chrome DevTools 之 Timeline,快捷性能优化工具 - 简书
使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能 - 开源中国
使用Chrome开发工具优化Web应用 | Aotu.io「凹凸实验室」
使用 Chrome Timeline 来优化页面性能 - Coding 博客
chrome开发者工具浅析--timeline - 白槐佳人 - 博客园
0202年了, Chrome DevTools 你还只会console.log吗 ?
android下chrome调试手机网页的方法 - 为程序员服务
chrome 开发者工具的 11 个骚技巧

logrocket

OneProfile

JavaScript 性能分析新工具 OneProfile - OneAPM技术博客 - 前端乱炖

移动端前端开发调试

移动端前端开发调试 | 于江水
移动前端调试方案(Android + Chrome 实现远程调试) - Leinov - 博客园
在安卓设备上使用 Chrome 远程调试功能 - Chrome 开发工具指南 - 极客学院Wiki
UC Plus —— 为开发者提供服务而生
xinranliu.me
MIHTool - iOS Web Debugger Pro
【译】远程调试 iOS Safari - 前端 - 掘金

你不知道的JavaScript——性能测试和调优 - 掘金
前端调试 - 掘金

接口管理测试工具

postman

Postman | Download Postman App
newman - npm
Postman API 中文白皮书文档-Postman 使用教程 - Chrome插件(谷歌浏览器插件)
使用postman测试接口时需要先登录怎么办 - CSDN博客
postman:模拟发送一个需要 cookie 认证的请求 · TesterHome
接口测试 · 社区 · TesterHome
Postman 安装及使用入门教程 - Mafly - 博客园
Postman用法简介 - CSDN博客
最强PostMan使用教程(1) - CSDN博客
postman中 form-data、x-www-form-urlencoded、raw、binary的区别 - wangjun5159的专栏 - CSDN博客

yapi

YMFE/yapi: YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台
YApi 接口管理平台
YApi 接口管理平台
使用 YApi 管理 API 文档,测试, mock - 掘金
YApi-高效、易用、功能强大的可视化接口管理平台
hellosean1025/yapi-gen-js-code: 根据 YApi 的接口定义生成 javascript 的请求函数,目前内置了 axios 请求模板
inceptiongt/Yapi-plugin-export-docx-data: plugin for Yapi that can export data as docx

RAP

欢迎使用RAP
thx/rap2-delos: 阿里妈妈前端团队出品的开源接口管理工具RAP第二代
thx/RAP: Web接口管理工具,开源免费,接口自动化,MOCK数据自动生成,自动化测试,企业级管理。阿里妈妈MUX团队出品!阿里巴巴都在用!1000+公司的选择!RAP2已发布请移步至https://github.com/thx/rap
RAP2
教你使用docker部署淘宝rap2服务 - 糊糊糊糊糊了 - 博客园

apizza

apizza - 极客专属的api管理工具
HuaFEEng - apizza

api 请求函数生成工具

tua-api

tuateam/tua-api: 🏗 一款可配置的通用 api 请求函数生成工具(A common tool helps converting configs to api functions)
tua-api

jsonstore

jsonstore.io / Store your data just by sending us HTTP Requests
bluzi/jsonstore: jsonstore offers a free and secured JSON-based cloud datastore for small projects

TonnyL/Awesome_APIs: A collection of APIs

命令行处理json

fx

antonmedv/fx: Command-line JSON processing tool 🔥
sebmarkbage/ecmascript-generator-expression: Proposal for do Generator Expressions in ECMAScript. Work in progress. Edit Add topics

前端异常

Sentry

Sentry | Error Tracking Software — JavaScript, Python, PHP, Ruby, more
Introduction | Sentry-Manual-Chinese-Version
前端异常监控之 Sentry的部署和使用 - 掘金

前端代码错误上报 - 掘金
如何优雅处理前端异常? - Jartto's blog
前端 JavaScript 错误分析实践
前端错误收集(Vue.js、微信小程序) - 掘金
“各位大佬,怎么又报错了?帮我看一下”

抓包

Charles

Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy
Charles 从入门到精通 | 唐巧的博客
Charles授权码在线生成 charles 激活码 charles license key generate charles 破解
Charles抓包—App资源代理 - 掘金

lightproxy

alibaba/lightproxy: Proxy & Debug tools for macOS & Windows based on whistle with Chrome Devtools UI
快速开始 | LightProxy

Whistle

avwo/whistle: HTTP, HTTPS, WebSocket debugging proxy
关于whistle · GitBook
Whistle: 前端调试神器
教你配置免费又好用的抓包代理神器,HTTPS 也不在话下
前端程序员进阶必备 | 教你配置免费又好用的抓包代理神器,HTTPS 也不在话下 - 掘金

Fiddler

Fiddler “抓包“最新详细教程 - 掘金
Fiddler - Free Web Debugging Proxy - Telerik

¥代码构建

实时构建

基于浏览器的实时构建探索之路

¥代码压缩工具

cl-uglify-js

mishoo/cl-uglify-js: JavaScript compressor/beautifier library for Common Lisp

cl-ppcre

CL-PPCRE - Portable Perl-compatible regular expressions for Common Lisp
edicl/cl-ppcre: Common Lisp regular expression library

iterate

iterate, the extensible iteration construct
iterate / iterate · GitLab

JS加密

yui/yuicompressor: YUI Compressor
Protect JavaScript source code with v8 snapshot · nwjs/nw.js Wiki
NW.js Documentation
Online JavaScript beautifier
看起来很厉害的 JS 编译器 | 鲁夫的爱
nw.js node-webkit系列(18)怎么对.js进行编译以防你的代码暴露出来 - CSDN博客
JS代码加密 | Javascript 不可逆加密 | JS混淆加密 —在线工具

parse-js

parse-js / A JavaScript parser
marijnhaverbeke.nl Git - parse-js/summary

parse-number

CLiki: parse-number
sharplispers/parse-number: PARSE-NUMBER is a library of functions for parsing strings into one of the standard Common Lisp number types without using the reader.
CLiki: parse-number

UglifyJS

mishoo/UglifyJS: JavaScript parser / mangler / compressor / beautifier library for NodeJS

UglifyJS2

mishoo/UglifyJS2: JavaScript parser / mangler / compressor / beautifier toolkit
UglifyJS — JavaScript parser, compressor, minifier written in JS

推荐15个最好用的 JavaScript 代码压缩工具 - 梦想天空(山边小溪) - 博客园

¥代码部署

前端部署演化史
【你应该了解的】详尽&全面的前端部署(从零起步,前端上线不用愁) - 掘金
【前端打包部署】谈一谈我在SPA项目打包=>部署的处理 - 掘金
大公司里怎样开发和部署前端代码? - 知乎
软件版本号规范与命名原则 - scott-X - 博客园

¥现网/生产环境

前端日志

wardjs-report

iv-web/wardjs-report: ivweb wardmonitor client report
wardjs-report - npm

badjs2

iv-web/badjs2: 前端脚本错误监控及跟踪解决方案
Badjs2 - 前端脚本错误监控及跟踪解决方案

analytics

kimyLee/analytics: a script of log report
从一个埋点日志上报脚本说起 - 掘金

打造前端离线日志(一): IndexedDB - 掘金
wardjs-report/OfflineDB.js at master · iv-web/wardjs-report
前端错误日志收集方案 - 掘金

¥前端安全/性能/监控

¥具体

img优化

[盘点] 项目中可以怎么优化图片 - 掘金

代码优化

用100行代码提升10倍的性能 - 掘金

浏览器渲染优化

回流与重绘

关键渲染路径

优化关键渲染路径 - 掘金
关键渲染路径 · Issue #29 · berwin/Blog

关于回流与重绘优化的探索 - 掘金
你真的了解回流和重绘吗 - 掘金
你应该要知道的重绘与重排 - 掘金
浏览器渲染原理(性能优化之如何减少重排和重绘) - 掘金

预渲染

构建时预渲染:网页首帧优化实践 - 美团技术团队

浏览器渲染优化 - 掘金
仪表盘场景的前端优化 - 掘金
Browser Rendering Optimizations for Frontend Development ― Scotch.io

跨网站脚本XSS

常见六大Web安全攻防解析 - 掘金
JS每日一题: web安全攻击手段有哪些?以及如何防范 - 掘金
leizongmin/js-xss: Sanitize untrusted HTML (to prevent XSS) with a configuration specified by a Whitelist

跨站点请求伪造(CSRF)

跨站点请求伪造(CSRF)总结和防御 - 掘金

内容安全策略(CSP)

内容安全策略(CSP)详解 - 掘金

w3c/20180903_Web性能信息采集指南.md at master · 75team/w3c
【译】Google - 使用 webpack 进行 web 性能优化(一):减小前端资源大小 - 掘金
【译】Google - 使用 webpack 进行 web 性能优化(二):利用好持久化缓存 - 掘金
【译】Google - 使用 webpack 进行 web 性能优化(三):监控和分析应用 - 掘金
如何监控前端页面FPS - 掘金
轻松实现 Web 性能优化 - 掘金
移动web性能优化从入门到进阶 - 掘金
Webnovel 不用照顾 Edge 浏览器性能?想多了! - 掘金
在单页应用中,如何优雅的上报前端性能数据 - 掘金
蚂蚁金服如何把前端性能监控做到极致? - 前端 - 掘金
手刃前端监控系统 - 掘金
前端监控和前端埋点方案设计 - 掘金
代码快不快?跑个分就知道 - 掘金
奇舞周刊
Web 安全总结(面试必备良药)
前端性能优化之自定义性能指标及上报方法详解
前端安全—你必须要注意的依赖安全漏洞
动态修改script标签中的src属性存在的问题 - CSDN博客
前端优化:RequireJS Optimizer 的使用和配置方法 - 梦想天空(山边小溪) - 博客园
把前端监控做到极致 - 知乎

¥清单/总结

2019 前端性能优化年度总结

gold-miner/front-end-performance-checklist-2019-pdf-pages-1.md at master · xitu/gold-miner
gold-miner/front-end-performance-checklist-2019-pdf-pages-2.md at master · xitu/gold-miner
gold-miner/front-end-performance-checklist-2019-pdf-pages-3.md at master · xitu/gold-miner
gold-miner/front-end-performance-checklist-2019-pdf-pages-4.md at master · xitu/gold-miner
gold-miner/front-end-performance-checklist-2019-pdf-pages-5.md at master · xitu/gold-miner
gold-miner/front-end-performance-checklist-2019-pdf-pages-6.md at master · xitu/gold-miner
(译)2019年前端性能优化清单 — 上篇 - 掘金
(译)2019年前端性能优化清单 — 中篇 - 掘金
(译)2019年前端性能优化清单 — 下篇 - 掘金

前端性能优化 · Issue #72 · xwchris/blog
前端性能优化不完全指北 · Issue #9 · Weiyu-Chen/blog
front-end-interview/load.md at master · Advanced-Interview-Question/front-end-interview
在单页应用中,如何优雅的监听url的变化 · Issue #37 · forthealllight/blog
[英] 前端性能优化 2019 年度总结 - 前端 - 掘金
前端性能优化之Lazyload - 掘金
嗨,送你一张Web性能优化地图 - 前端 - 掘金
【译文】CSS 与网络性能 - 掘金
深度讲解:web前端性能优化 - 掘金
前端性能优化总结 - 掘金
出人意料的性能测试 - 掘金
Web前端性能优化的9大问题 - 前端web钻研者 - 博客园
雅虎前端优化法则 - 思齐_ - 博客园
2017前端性能优化清单 - ED's Blog - SegmentFault 思否
(10 条消息)Web前端应该从哪些方面来优化网站? - 知乎
Web Developer Checklist
(1.6w字)浏览器与前端性能灵魂之问,请问你能接得住几个?(上) - 掘金
性能测试常见指标介绍 - 朝雨忆轻尘 - 博客园
五个维度再谈前端性能优化
网站性能优化实战——从12.67s到1.06s的故事 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客

性能优化指南

【性能优化指南】1 - 带你全面掌握前端性能优化 🚀 - 掘金
【前端性能优化指南】2 - 利用缓存减少远程请求 - 掘金
【前端性能优化指南】3 - 加快请求速度 - 掘金
【前端性能优化指南】4 - 如何加速页面解析与处理? - 掘金
【前端性能优化指南】5 - 静态资源的优化 - 掘金
【前端性能优化指南】5.1 - 优化你的 JavaScript - 掘金

¥工具/系统

Lighthouse

GoogleChrome/lighthouse: Auditing, performance metrics, and best practices for Progressive Web Apps
ebidel/lighthouse-ci: Run Lighthouse in CI using Docker
網站性能調優開發工具: Lighthouse, Puppeteer 以及進階部分丨 Google 開發者大會 2018 | Calpa 的技術博客
使用 Lighthouse 审查网络应用  |  Tools for Web Developers  |  Google Developers

stats.js

mrdoob/stats.js: JavaScript Performance Monitor
paulirish/memory-stats.js: minimal monitor for JS Heap Size via performance.memory

网站速度和性能测试工具

【特别推荐】12款最佳的网站速度和性能测试工具 - 梦想天空(山边小溪) - 博客园
网站优化:测试网站速度的8款免费工具推荐 - 梦想天空(山边小溪) - 博客园

实时用户监控工具

Bucky — Performance Measurement of Your App's Actual Users
HubSpot/BuckyClient: Collect performance data from the client

前端性能监控系统

zanePerfor

wangweianger/zanePerfor: 前端性能监控系统,消息队列,高可用,集群等相关架构
zanePerfor 一款完整,高性能,高可用的前端性能监控系统,不要错过 - 掘金
zanePerfor性能监控统计平台

WebPageTest - Website Performance and Optimization Test

推荐25个提高网站可用性和转化率的工具 - 梦想天空(山边小溪) - 博客园
Tools | Perf.Rocks
5 分钟撸一个前端性能监控工具 - 掘金

脚本之家在线工具

$服务器

¥DNS

DNS Performance - Compare the speed and uptime of enterprise and commercial DNS services | DNSPerf

¥fly

fly - npm

¥graphpack

glennreyes/graphpack: ☄️ A minimalistic zero-config GraphQL server.

¥HTTP

¥HTTP core

Content-Type

Content-Type - HTTP | MDN
Http请求中请求头Content-Type讲解 - mingruqi - 博客园

HTTP/3

HTTP/3 来啦,你还在等什么?赶紧了解一下 - 掘金
What is HTTP/3 ? - DEV Community 👩‍💻👨‍💻
Archive

HTTP 2.0

HTTP 2.0 协议详解 - zqjflash的专栏 - CSDN博客
HTTP/2.0的前世今生 - 掘金

HTTPS

怎样在服务器上启用 HTTPS - 掘金
彻底搞懂HTTPS的加密机制 - 掘金
你连 HTTPS 原理都不懂,还讲“中间人攻击”?

HTTP状态码

HTTP状态码大全(转自wiki) - 削微寒 - 博客园
HTTP状态码大全 - 缘-妙不可言 - 博客园
HTTP状态码大全 - 常用参考表对照表 - 脚本之家在线工具

jshttp

jshttp
jshttp

MIME type

MIME types (IANA media types) - HTTP | MDN
cconcolato/media-mime-support: ISOBMFF MIME Types Support
jsdom/whatwg-mimetype: Parses, serializes, and manipulates MIME types, according to the WHATWG MIME Sniffing Standard
mozilla-comm/jsmime: A MIME parser written in JavaScript
creationix/simple-mime: A small, simple mime database for node.js
ikr0m/mime-js: Create MIME message in javascript
eface2face/mimemessage.js: MIME messages for JavaScript (RFC 2045 & 2046)
data-uri/mimer: A simple Mime type getter
stretchr/filetypes.js: A complete list of file types, extensions and mime types in JavaScript.
jhermsmeier/node-mime-lib: MIME related utility functions
wgenial/mimetypeicons-nodejs: 🚀 Site that provides mime type icons
broofa/node-mime: Mime types for JavaScript
MimeTypeMap/MimeTypeMap.cs at master · samuelneff/MimeTypeMap
jshttp/mime-db: Media Type Database
HTML5 input file类型,accept(文件类型控制) - CSDN博客
html input file accept 上传文件类型限制格式 MIME 类型列表
HTML5 file表单accept的种类汇总 | 蓝文资源库 – 海量优质开发设计资源分享平台
Authorize.Net API Documentation - Accept.js

HTTP | MDN
搞懂 HTTP 1.0 /1.1/2.0 协议差别 · Issue #18 · RicardoCao-Biker/RICO-BLOG
bagder/http2-explained: A detailed document explaining and documenting HTTP/2, the successor to the widely popular HTTP/1.1 protocol
interagent/http-api-design: HTTP API design guide extracted from work on the Heroku Platform API

¥HTTP Cache

HTTP caching - HTTP | MDN
[实战验证] http缓存(无代理服务器) - 掘金
基于http协议讲解缓存头Cache-Control在服务中的应用@慕课网 原创_慕课网_手记
HTTP 缓存  |  Web Fundamentals  |  Google Developers
HTTP Cache 为什么让人很困惑 - 虞大胆的叽叽喳喳 - 简书
深入理解浏览器的缓存机制 - 浪里行舟 - 简书
HTTP Cache 浅析 - 掘金
关于 http cache 的一个小问题以及引发的思考 - 掘金
【译】缓存最佳实践 & max-age的陷阱 - 掘金
深入理解HTTP缓存机制及原理 - 掘金
前端要知道的Http协议缓存 - 掘金
[译] 写给大家看的 Cache-Control 指令配置 - 掘金
深入剖析浏览器缓存策略 - 掘金
深入现代浏览器的HTTP缓存机制 - 掘金
Cache-Control for Civilians - 掘金
HTTP 缓存  |  Web Fundamentals  |  Google Developers
Caching best practices & max-age gotchas - JakeArchibald.com
HTTP----HTTP缓存机制 - 掘金
手摸手教你解决重定向缓存问题 - 掘金
关于 http 缓存,这些知识点你可能都不懂 - 掘金

¥HTTP client

ky

sindresorhus/ky: 🌳 Tiny & elegant HTTP client based on window.fetch

okhttp-RxHttp

liujingxing/okhttp-RxHttp: RxJava2 + OkHttp 30秒上手,新一代OkHttp请求神器,史上最优雅的实现文件上传/下载/进度监听、动态/多域名、缓存;支持第三方数据解析工具、自定义请求、自动关闭请求等等
RxHttp 让你眼前一亮的Http请求框架 - 掘金

¥跨域

crossorigin属性

[html] script的crossorigin属性 - 简书
HTMLMediaElement.crossOrigin - Web APIs | MDN
Allowing cross-origin use of images and canvas - HTML: Hypertext Markup Language | MDN
<img>: The Image Embed element - HTML: Hypertext Markup Language | MDN
html - Purpose of the crossorigin attribute...? - Stack Overflow

JWT

JWT - just what?
learn-json-web-tokens/README-zh_CN.md at master · dwyl/learn-json-web-tokens

跨域资源共享(CORS)

Cross-Origin Resource Sharing (CORS) - HTTP | MDN
HTTP访问控制(CORS) - HTTP | MDN
深入跨域问题(1) - 初识 CORS 跨域资源共享 - 掘金
深入跨域问题(2) - 利用 CORS 解决跨域 - 掘金
深入跨域问题(3) - 利用 JSONP 解决跨域 - 掘金
深入跨域问题(4) - 利用代理解决跨域 - 掘金
再也不学AJAX了!(一)AJAX概述 - 掘金
再也不学AJAX了!(二)使用AJAX - 掘金
再也不学AJAX了!(三)跨域获取资源 ② - JSONP & CORS - 掘金
【小哥哥, 跨域要不要了解下】JSONP - 掘金
【小哥哥, 跨域要不要了解下】CORS 基础篇 - 掘金
【小哥哥, 跨域要不要了解下】CORS 进阶篇 - 掘金
【小哥哥, 跨域要不要了解下】NGINX 反向代理 - 掘金
【小哥哥, 跨域要不要了解下】ServerProxy - 掘金
跨域资源共享——CORS - 掘金
前端跨域问题解决方案(基于node与nginx) - 掘金
跨域解决方案实践cors及jsonp - 前端 - 掘金
搞定所有的跨域请求问题: jsonp & CORS - 掘金
CORS跨域时,为何会出现一次动作,两次请求? - 掘金
使用<a>标签时,你可能会忽略的一个安全问题 - 掘金
不要再问我跨域的问题了 - 前端 - 掘金
CORS 跨域问题 - 后端 - 掘金
CORS 跨域解决方案 - 前端 - 掘金
利用 CORS 方式解决跨域问题(Flask 实现) - 后端 - 掘金
一种方便的跨域开发解决方案 - 掘金
解决CORS跨域不能传递cookies的问题 - 掘金
跨域资源共享 CORS 一些知识点 - 掘金
探讨跨域请求资源的几种方式 - 前端 - 掘金
解锁canvas导出图片跨域的N种姿势~ - 掘金
解锁跨域的九种姿势 - 掘金
九种跨域方式实现原理(完整版) - 掘金
记一次跨域post请求数据之preflight request - 掘金
聊聊 Timing-Allow-Origin 和 Access-Control-Expose-Headers - 前端 - 掘金
前端跨域方法论 - 掘金
CORS 跨域资源共享 - 前端 - 掘金
CORS 跨域资源共享 - 掘金
跨域资源共享 CORS 详解 - 前端 - 掘金
你所不知道的跨域资源共享(CORS) - 掘金
CORS跨域资源共享你该知道的事儿 - 前端 - 掘金
Web 开发之跨域与跨域资源共享 - 前端 - 掘金
浏览器指纹跨域共享 - 前端 - 掘金
跨域——CORS 详解 - 前端 - 掘金
使用localstorage代替cookie实现跨域共享数据 - 前端 - 掘金
用 Demo 的形式快速入门 CORS、JSONP 等各种跨域 - 前端 - 掘金
springboot系列文章之实现跨域请求(CORS) - 掘金
由同源策略到前端跨域 - 掘金
跨域 - 掘金
跨域资源共享CORS - 掘金
跨域问题,解决方案 - CORS方案 - 掘金
JS 跨域原因及其解决方案 - 脱机 - SegmentFault 思否
同源策略与跨域资源共享 - 个人文章 - SegmentFault 思否
跨域HTTP请求解决方案 - 小林小记 - SegmentFault 思否
关于跨域的总结 - 个人文章 - SegmentFault 思否
前端常见跨域解决方案(全) - 个人文章 - SegmentFault 思否
跨域请求 - 个人文章 - SegmentFault 思否
前端跨域的处理 - 个人文章 - SegmentFault 思否
九种 “姿势” 让你彻底解决跨域问题 - PandaShen - SegmentFault 思否
九种 “姿势” 让你彻底解决跨域问题 | PandaShen
node跨域与解决处理 - 简书
前端常见跨域解决方案(全) - 简书
Access to XMLHttpRequest at url from origin null has been blocked by CORS policy: Request header_跨域,ajax_eriz程序之路-CSDN博客
踩过的坑--CORS跨域请求中预检(preflight) | 船长的技术博客
前端跨域之CORS | 王宜明的博客空间
前端跨域知识总结 - WEB前端 - 伯乐在线
前端常见跨域解决方案(全) - inroam - 博客园
跨域资源共享 CORS 详解 - 阮一峰的网络日志

web前端技术圈
Chrome 调试跨域问题解决方案之插件篇 - DCloud问答
史上最全跨域总结

¥预检请求

预检请求 - 掘金
Preflight request | MDN
cors跨域之简单请求与预检请求(发送请求头带令牌token) - 个人文章 - SegmentFault 思否
CORS 为什么要区分『简单请求』和『预检请求』? - 掘金

¥教程

基石-初见网络(一):输入URL后 - 掘金
基石-初见网络(二):Web&HTTP&HTTPS - 掘金
完全图解 HTTPS - 掘金
HTTP 的前世今生:一次性搞懂 HTTP、HTTPS、SPDY、HTTP2 - 掘金
基于 HTTP 请求拦截,快速解决跨域和代理 Mock - 掘金
浅谈HTTP之URL - 掘金
一文读懂HTTP/2 及 HTTP/3特性 - 掘金
【译】HTTP 简史 - 前端 - 掘金
JS HTTP 请求库哪家强?Axios,Request,Superagent,Fetch 还是 Supertest - 掘金
HTTP协议【详解】——经典面试题 - Sunny* - 博客园
Analyse your HTTP response headers
What is idempotence? - LispCast
看完这篇HTTP,跟面试官扯皮就没问题了 - 掘金

¥FAQ

提交数据大小限制

关于http get和form表单post提交数据大小限制 - 武凯凯 - CSDN博客
POST提交数据太大 - 海阔天空的专栏 - CSDN博客
ajax的post提交参数长度超出限制的解决办法 - 一@ - CSDN博客
GET与POST传递数据的最大长度限制 - 天下熙熙,皆为利来;天下攘攘,皆为利往。 - CSDN博客
post数据过大的问题 - wangchh1988的博客 - CSDN博客
post提交参数过多时,取消Tomcat对 post长度限制 - 笨笨熊咦的博客 - CSDN博客
POST提交数据达到大小限制时,无法成功提交数据的解决办法! - phy201106的博客 - CSDN博客
Post提交大数据量,接收端接收不到数据的解决方法 - LZJLZJLZJLZJLZJLZJ的专栏 - CSDN博客
Tomcat下取消POST大小的限制 - zhang__san_的博客 - CSDN博客

前端面试http和https的区别 - 掘金
面试常问的http的缺点 - 掘金
HTTP 204和205的应用 | 风雪之隅
HTTP系列 HTTP协议是一个渣男👦-主动,不负责,不拒绝 - 掘金
记一道控制并发数的前端面试题【手动维护 HTTP 请求排队】 - 掘金
HTTP 中 GET 与 POST 的区别 - 掘金
为什么 HTTP PATCH 方法不是幂等的及其延伸 - 掘金
关于大厂面试中问到的二十几个 HTTP 面试题 - 掘金

码农翻身

¥Harp

sintaxi/harp: Static Site Server/Generator with built-in preprocessing
Harp, the static web server with built-in preprocessing

¥Nginx

core

nginx for Windows
nginx: download
http核心模块-Nginx中文文档
ningx中文教程网
nginx news

config

location

一文弄懂Nginx的location匹配 - 掘金

try_files

nginx中try_files - 上善若水-随 - 博客园
nginx try_files 根目录无效 - 简书
Nginx的try_files指令使用实例_nginx_脚本之家
Nginx try_files 指令 - kevin.Xiang - 博客园
nginx try_files的使用及理解_lovewebeye的专栏-CSDN博客
nginx 中 index try_files location 这三个配置项的作用 - 简书
nginx中try_files参数易被忽略的知识点-readygood-51CTO博客
Nginx之try_files指令 - 吴昊博客

nginx.conf配置文件详解 - 简书
Nginx配置文件详解 - 猎手家园 - 博客园
死磕nginx系列-nginx日志配置 - biglittleant - 博客园

module

负载均衡

Nginx实现负载均衡 - 掘金

反向代理

跨域

Nginx配置跨域请求 Access-Control-Allow-Origin * - 全栈开发之路 - SegmentFault 思否
nginx中配置跨域支持功能 - 小戴子 - 博客园

代理转发

Nginx常见场景代理转发配置 - 阿飞的专栏 - CSDN博客
Nginx配置请求转发location及rewrite规则 - 陈无问 - 博客园
Nginx配置proxy_pass转发的/路径问题 - 风与叶子 - 博客园
Nginx下的location,upstream,rewrite 和 proxy_pass使用总计大全 - 掘金

教程&FAQ

windows下nginx的安装及使用 - 将王相 - 博客园
ZIP解压缩命令-CSDN下载
Windows下的zip和unzip命令 - 楷尘·极客 - CSDN博客
前端必会的 Nginx入门视频教程(共11集) - 掘金
nginx 请求转发配置 - SegmentFault 思否
nginx反向代理(请求转发-URL匹配规则) - 周XX - 博客园
nginx配置文件+本地测试请求转发到远程服务器+集群 - PeaceGuy - 博客园
windows 下安装配置 Nginx 详解 - kingscoming的博客 - CSDN博客
windows下nginx的安装及使用方法入门 - 冒雨ing - 博客园
nginx实现常见场景 - 掘金
Forever +nginx部署Node站点 - 掘金
galmoe-ts/nginx.conf at master · galmoe/galmoe-ts
前端不能不会的 Nginx 入门 (图文并茂的服务器环境教程) - 掘金

¥TCP/IP

前端快速入门 TCP/IP - 掘金
The TCP/IP Guide - Table Of Contents
TCP和UDP比较 - 掘金
TCP三次握手和四次挥手-面试就靠它了 - 掘金
看了那么多,TCP/IP究竟是什么(一) - 掘金
看了那么多,TCP/IP究竟是什么(二) - 掘金

¥检查容器,虚拟机和服务器的完整性

ottomatica/opunit: 🕵️‍♂️🍞 Sanity checking containers, vms, and servers

¥基于 Node的桌面静态 Web 服务器

Fenix Web Server | Static Web Servers for the Desktop

¥代理

http-proxy-middleware

chimurai/http-proxy-middleware: The one-liner node.js http-proxy middleware for connect, express and browser-sync
webpack proxy axios create-react-app - zhuojianhai88的专栏 - CSDN博客
create-react-app 开发时代理转发设置 - 简书
create-react-app 构建的项目使用代理 proxy - zhourongcode - 博客园
13.create-react-app 构建的项目使用代理 proxy - 大耳朵小虎 - 博客园
react配置多个代理,跨域_码神岛
react.js - create-react-app设置多个域跨域 - SegmentFault 思否
react配置多个代理,跨域 - 简书

mockiji-proxy-middleware

NijiDigital/mockiji-proxy-middleware: A basic proxy middleware for Mockiji

proxy-addr

jshttp/proxy-addr: Determine address of proxied request

¥FAQ

请求首部字段详解-四大首部字段之一 - 掘金
如何创建一个可靠稳定的Web服务器 - 掘金
离散请求 - 掘金

other tool

抽奖、签到

75team/raffle: 奇舞团历年年会现场抽奖程序
vitozyf/lucky-draw: 年会抽奖程序
sazs34/TaskConfig: Quantumult签到(京东/网易/爱奇艺/贴吧)以及天气信息获取,以及surge/qx兼容脚本

Good-Old-Downloads/gg
kaysonli/lucky-ball: A simple lottery program.
GIMP - GNU Image Manipulation Program
Aptana
微简vjpage4.1正式上线!快速制作界面,直接生成前端代码
介绍移动应用程序功能的模板【免费下载】 - 梦想天空(山边小溪) - 博客园
Origami Studio — Design Prototyping
Marvel - The design platform for digital products
技术人必备|55款软件工具盘点 - 掘金
W3Techs - extensive and reliable web technology surveys
APICloud 手机APP开发、APP制作技术专家 - 中国领先低代码开发平台
chavyleung/scripts
技术 | 使用微信对话开放平台为公众号配置「智障机器人」
CHEF-KOCH/MSI-utility: A script/tool which tries to improve Windows latencies
syhyz1990/baiduyun: 🖖油猴脚本 一个脚本搞定百度网盘下载 https://www.baiduyun.wiki
cloudroc/baidu-nolimit: 百度云大文件下载破解,chrome插件

Web解决方案

前端快照

高质量前端快照方案:来自页面的「自拍」 - 掘金
微信wap页生成分享海报功能踩坑经验 - 简书
微信H5实现网页长按保存图片及识别二维码 - 掘金

矩阵变换

无处不在的前端矩阵变换 - 掘金

自动化开发、持续集成 & 部署

Cloud Toolkit

《Cloud Toolkit User Guide》-云栖社区-阿里云

如何实现自动化前端开发?
aotianwinter/my-auto-deploy: node deploy 前端自动化部署
dadaiwei/fe-deploy-cli: 前端轻量化部署脚手架,基于node-ssh实现,支持测试、线上等多环境部署
前端轻量化部署脚手架实践 - 掘金
从零开始 Node实现前端自动化部署 - 掘金
Github + Travis CI + PM2实现 Next.js 项目的(其他 Node.js 项目同理)持续集成和自动化部署 - 掘金
前端工程化 / 构建自动化 · Issue #1 · SunshowerC/blog

脚手架cli

一步一步手写一个自己前端脚手架cli工具 - 掘金

前端截图

浅谈两种前端截图方式:Canvas截图 vs SVG截图

入坑Webpack - 简书
webpack 从入门到工程实践 - 简书
关于vue的npm run dev和npm run build - 小黄鹂 - 博客园
vue-cli2.9.1版本为什么不用express了?这样做的好处是什么? - SegmentFault 思否
Expressive, dynamic, robust CSS — expressive, robust, feature-rich CSS preprocessor
张鑫旭的个人主页 » 张鑫旭-鑫空间-鑫生活
马克鳗 - 设计稿标注、测量
CSS秘密花园: Sticky footers_CSS秘密花园, sticky footer 教程_w3cplus
《图解CSS3:核心技术与案例实战》_我的书 教程_w3cplus
阮一峰的网络日志: July 2015 文章存档
Sentry | Error Tracking Software — JavaScript, Python, PHP, Ruby, more
Introduction | Sentry-Manual-Chinese-Version
yccphp/Sentry-Manual-Chinese-Version: 在线阅读:http://yccphp.gitbooks.io/sentry-manual-chinese-version/
chrisvfritz/vue-2.0-simple-routing-example: A simple example of routing with Vue 2.0 without using vue-router.
visionmedia/page.js: Micro client-side router inspired by the Express router
Page.js by visionmedia
flatiron/director: a tiny and isomorphic URL router for JavaScript
chrisvfritz/vue-2.0-simple-routing-example at pagejs
karma-runner/karma: Spectacular Test Runner for JavaScript
webpack/karma.conf.js at master · vuejs-templates/webpack
browserify/karma.conf.js at master · vuejs-templates/browserify
vue/types at dev · vuejs/vue
使用cross-env解决跨平台设置NODE_ENV的问题 - 不挑食的程序员 - SegmentFault 思否
webpack入门——webpack的安装与使用 - web喵神 - 博客园
vue里 npm run build后应该怎么运行_百度知道
webpack的各个扩展 - CSDN博客
babel-runtime 使用场景 - 神--鸟 - 博客园
CSS Reset | 2018's most common CSS Resets to copy/paste, with documentation / tutorials
NPM install -save 和 -save-dev 傻傻分不清
:after/::after和:before/::before的区别 - CSDN博客
ustbhuangyi/vue-sell: Vue.js高仿饿了么外卖App课程源码 http://coding.imooc.com/class/74.html
ESLint - Pluggable JavaScript linter - ESLint中文
Vue2.0的变化 - CSDN博客
vue2.0有哪些变化 - 百年美 - 博客园
vuejs/vue-migration-helper: CLI tool to aid in migration from Vue 1.x to 2.0
vue中transition动态设置name属性左右切换_MVC前端网(menVScode)_前端博客_前端技术
cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com
Vue2.0使用总结中...... - CSDN博客
vuejs 中如何优雅的获取 Input 值 - VueJS - 大象笔记
vue.js - 在vue2.0里,如何获取dom元素的样式(样式是动态变化的) - SegmentFault 思否
面向设计的半封装web组件开发(概要版) « 张鑫旭-鑫空间-鑫生活
Quick Start — Vuetify.js
【大型干货】手拉手带你过一遍vue部分源码 - 掘金
从0开始做一个的Vue图片/ 文件选择(上传)组件[基础向] - CSDN博客
强大的文件上传 Vue 组件 - 前端 - 掘金
常见的web开发问题以及避免方式
40 人团队 | 芋头 - 如何带领前端架构团队突破价值困局

JS libs & plugins

This is 文本&元素&组件类

$DOM&BOM&CSSOM...

虚拟DOM

nerv

NervJS/nerv: A blazing fast React alternative, compatible with IE8 and React 16.
Nerv | 凹凸实验室

snabbdom

snabbdom/snabbdom: A virtual DOM library with focus on simplicity, modularity, powerful features and performance.

justemit/vdom: A simple basic implement of virtual-dom algorithm
如何实现 virtual-dom · Issue #23 · justemit/coding-note
深度剖析:如何实现一个 Virtual DOM 算法 · Issue #13 · livoras/blog
虚拟DOM和Diff算法 - 入门级 - 掘金

HTML.js

HTML(.js) - Befriend the DOM!
nbubna/HTML: A simple, extensible way to work directly with the DOM.

voyeur.js

adriancooney/voyeur.js: Voyeur is a tiny (1.2kb) Javascript library that lets you traverse and manipulate the DOM the way it should have been.
Voyeur.js

incremental-dom

superviews.js

davidjamesstone/superviews.js: Template engine targeting incremental-dom

incremental-dom简析 | ¥ЯႭ1I0
incremental-dom | An in-place DOM diffing library

dom-testing-library-with-anything

kentcdodds/dom-testing-library-with-anything: you can use dom-testing-library with anything that renders to the DOM

hotkey

github/hotkey: Global DOM element activation

cheerio

cheeriojs/cheerio: Fast, flexible, and lean implementation of core jQuery designed specifically for the server.
cheerio | Fast, flexible, and lean implementation of core jQuery designed specifically for the server.

DOM事件机制

ljianshu/Blog: 个人博客及其源代码
DOM事件机制 - 掘金
[译] 究竟什么是DOM? - 掘金
DOM 事件详解 - 掘金
深入理解DOM事件机制 - 掘金
事件委托详解最新版 - 掘金
DOM事件机制解惑 | Aitter's Blog
event.target 和 event.currentTarget 的区别 – T 馆
JavaScript 事件的学与记:stopPropagation 和 stopImmediatePropagation | 林文康的博客
DOM级别与DOM事件 - 简书
JavaScript 事件委托详解 - 知乎
事件模型 -- JavaScript 标准参考教程(alpha)
event.target 和 event.currentTarget 的区别 - FEDeveloper - 博客园

$表单元素组件

¥表格&表单

checkbox效果

你见过吗?9款超炫的复选框(Checkbox)效果 - 梦想天空(山边小溪) - 博客园

表格相关

dataTables

datatables core

DataTables | Table plug-in for jQuery
Datatables 中文网
DataTables 中文网博客
DataTables | Table plug-in for jQuery
参考 Datatables中文网
Datatables 中文网
datatables.club/blog/js/tomato.js
Editor | Editing for DataTables

DataTables 插件 Amaze UI 集成

amazeui/datatables: jQuery DataTables 插件 Amaze UI 集成
Amaze UI DataTables | Amaze UI 插件

datatables FAQ&教程

jQuery.datatables.js插件用法及api实例详解_jquery_脚本之家
jquery datatable服务端分页_jquery_脚本之家
jquery.datatables.js的使用,读取后端传来的json到table中 - writeademo的个人页面
ASK Mobile
DataTables example - Javascript sourced data
jquery datatables 的常见参数配置 - 看一场塞北的雪 - 博客园
JQuery插件之Jquery.datatables.js用法及api - 墨韵明空 - 博客园
jQuery插件DataTable使用方法详解(.Net平台)_jquery_脚本之家
控制Datatables元素的位置(dom) 选项(option) 参考(reference) Datatables 中文网
给每一列添加下拉框搜索 API 示例 Datatables中文网
option order 设置排序列(去掉第一列的排序和小图标) 《不定时一讲》 DataTables中文网
DataTables固定表格宽度(设置横向滚动条) - 追极 - 博客园
4. Warning: Requested unknown parameter
DataTables example - Excel - Customise borders
FixedColumns
preXhr

sheetJS

SheetJS/js-xlsx: SheetJS Community Edition -- Spreadsheet Parser and Writer
SheetJS - Home
Package - xlsx
xlsx · docs
JS-XLSX读取Excel文件中文API帮助文档 - 开源文档 - 问说网
SheetJS---(js-xlsx) - CSDN博客

colResizable

colResizable - 百度
jQuery插件来调整表列的大小colResizable.js 拖动改变单元格宽度_HTML教程-织梦者
colResizable – Resizing HTML Tables & Columns Made Easy | jQuery Plugins
colResizable Download
colResizable – Resizable columns and tables
ybx13579/resize-table-th: colResizable.js---可手动拖动/滑动th/td 。 改变列宽
解决colResizable插件overflow和flex模式单元格最小宽度问题 - CSDN博客
colResizable的替代品,自定义列宽调整 - CSDN博客
jQuery可调整表和列宽插件-colResizable - CSDN博客
jQuery调整表列插件__colResizable - Zz_maker - 博客园
jquery - colResizable on dynamic table not working - Stack Overflow

pagination

csdoker/csdwheels: 一套基于原生JavaScript开发的插件,无依赖、体积小
csdwheels
手把手教你用原生JavaScript造轮子(1)——分页器(最后更新:Vue插件版本,本篇Over!) - 掘金
原生 JS实现一个简单分页插件 - 掘金
kPagination-纯js实现分页插件 - 掘金
blog-data/简单分页 at master · accforgit/blog-data
KELEN/kPagination: 纯js分页插件

交互表格插件

tabulator

olifolkerd/tabulator: Interactive Tables and Data Grids for JavaScript
Tabulator

spreadJS

SpreadJS - 纯前端表格控件|可嵌入系统开发的在线Excel - 葡萄城官网
SpreadJS学习指南-SpreadJS纯前端表格控件|在线Excel-葡萄城官网
主页 | 主页 | 学习指南 - SpreadJS 纯前端表格控件|可嵌入系统开发的在线Excel – 葡萄城官网

handsontable/handsontable: JavaScript/HTML5 UI Spreadsheet library for web apps. Available for React, Vue and Angular.
分享12款 JavaScript 表格控件(DataGrid) - 梦想天空(山边小溪) - 博客园
Table Dragger - 简单的 JS 拖放排序表格插件 - 梦想天空(山边小溪) - 博客园

日历

bootstrap-datetimepicker

DateTime Picker · Bootstrap
smalot/bootstrap-datetimepicker: Both Date and Time picker widget based on twitter bootstrap (supports Bootstrap v2 and v3)
uxsolutions/bootstrap-datepicker: A datepicker for twitter bootstrap (@twbs)
DateTime Picker · Bootstrap - Demo page

daterangepicker

日期时间范围选择插件-daterangepicker使用总结 - CSDN博客
daterangepicker 时间区间选择 - CSDN博客
Date Range Picker — JavaScript Date & Time Picker Library
dangrossman/daterangepicker: JavaScript Date Range, Date and Time Picker Component
Date Range Picker时间插件非常不错,主要体现在选择一个时间区间 - sweeeper - 博客园
javascript - 如何用moment实现期望时间与当前时间之间的天数? - SegmentFault 思否
Moment.js 中文网
moment.js - CSDN搜索
Moment Timezone | Home
使用moment.js轻松管理日期和时间_Helloweba
moment.js获取当前日期是当年的第几周 - xiaoxiao001 - 博客园
js 获取每月有几周,根据年月周获取该周从周一到周日的日期等方法 - 渝~~~ - 博客园
JS判断当前日期为当月的第几周和当年的第几周_郁郁聪聪_新浪博客

datetimepicker

amazeui/datetimepicker: Amaze UI styled bootstrap-datetimepicker.
Amaze UI Datetime Picker | Amaze UI 插件

tui.calendar

nhnent/tui.calendar: 🍞📅A JavaScript calendar that has everything you need.
brnrds/ngx-tui-dev
lkmadushan/vue-tuicalendar: Vue.js wrapper for TOAST UI Calendar
tui.calendar/getting-started.md at master · nhnent/tui.calendar

flatpickr/flatpickr: lightweight, powerful javascript datetimepicker with no dependencies
精心挑选12款优秀的 JavaScript 日历和时间选择插件 - 梦想天空(山边小溪) - 博客园
16款最佳的 jQuery Time Picker 时间选择插件 - 梦想天空(山边小溪) - 博客园
ClockPicker – 时钟风格 Bootstrap 时间选择器 - 梦想天空(山边小溪) - 博客园
原生js calendar日历控件点击text文本框弹出日期时间选择器
原生js calendar日历选择控件制作点击text文本框弹出日历选择器选择日期
原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间
原生JS calendar日历选择控件鼠标点击text文本框弹出日历选择器
jquery datepicker日期选择插件鼠标点击text文本框弹出两排日期选择器代码
jquery date选择日历控件鼠标点击text文本框弹出日期选择
原生js日期控件带时分秒点击text文本框选择日期时分秒
jquery.datePicker日期选择器text文本框弹出日期表

下拉选择器

bootstrap-multiselect

davidstutz/bootstrap-multiselect: JQuery multiselect plugin based on Twitter Bootstrap.
Bootstrap Multiselect
davidstutz (David Stutz)
多选下拉控件multiselect使用小结 - CSDN博客
JS组件系列——两种bootstrap multiselect组件大比拼 - 推酷
Bootstrap Multiselect中文api - CSDN博客

chosen

amazeui/chosen: Amaze UI styled jQuery Chosen plugin.
Amaze UI Chosen | Amaze UI 插件

chosen

Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
harvesthq/chosen: Chosen is a library for making long, unwieldy select boxes more friendly.

DropKick

Dropkick.js
Robdel12/DropKick: A JavaScript plugin for creating beautiful, accessible, and painless custom dropdowns.
Dropkick.js

ddSlick

ddSlick - a jQuery plugin for custom drop down with images
prashantchaudhary (Prashant Chaudhary)

distpicker

Distpicker
fengyuanchen/distpicker: A simple jQuery plugin for picking provinces, cities and districts of China. (中国 / 省市区 / 三级联动 / 地址选择器)

EasyDropDown

patrickkunka/easydropdown: A lightweight library for building beautiful styleable <select> elements
EasyDropDown – 很棒的下拉菜单,含精美主题 - 梦想天空(山边小溪) - 博客园

FancySelect

paulstraw/FancySelect: A better select for discerning web developers everywhere.

multiple-select

wenzhixin/multiple-select: A jQuery plugin to select multiple elements with checkboxes :)
Multiple Select
wenzhixin (文翼)
Bootstrap Table Examples
Multiple Select

select2

select2/select2: Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
Getting Started | Select2 - The jQuery replacement for select boxes

selectize.js

selectize/selectize.js: Selectize is the hybrid of a textbox and <select> box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
Selectize.js

TerryZ/SelectPage: A simple style and powerful selector, including ajax remote data, autocomplete, pagination, tags, i18n and keyboard navigation features
TerryZ/SelectMenu: Simple, easily and diversity menu solution
自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项) - 天天无用 - 博客园
下拉菜单「点击外面关闭」的终极解决方案 - 掘金
Selectize – 用于标签和下拉列表功能的选择控件 - 梦想天空(山边小溪) - 博客园
Mega Dropdown - 带子分类的响应式下拉菜单 - 梦想天空(山边小溪) - 博客园
中国省市区地址三级联动jQuery插件

输入框

tagsinput

amazeui/tagsinput: jQuery tags input plugin based on Amaze UI 2.x.
Amaze UI Tags Input | Amaze UI 插件

开关切换

switch

Amaze UI Switch | Amaze UI 插件
amazeui/switch: Turn checkboxes and radio buttons in toggle switches. Forked from Bootstrap Switch.

SwitchButton

kyleduo/SwitchButton: A cute widget of Switch Button for you to create beautiful and friendly UI.

搜索框定制

welearnmore/chrome-extension-demos: 《Chrome Extension 入门指南》配套 Demos
welearnmore/chrome-extension-book: 《Chrome Extension 入门指南》

书签

使用 CSS3 & jQuery 制作漂亮的书签动画 - 梦想天空(山边小溪) - 博客园

插入符caret

Caret.js

ichord/Caret.js: Get caret postion and offset from text field

¥表单行为

cleave.js

Cleave.js – 自动格式化表单输入框的文本内容 - 梦想天空(山边小溪) - 博客园

表单填写进度提示效果

Fort.js – 时尚、现代的表单填写进度提示效果 - 梦想天空(山边小溪) - 博客园

表单验证库

async-validator

yiminghe/async-validator: validate form asynchronous

v8n

imbrn/v8n: ☑️ JavaScript fluent validation library
Introduction | v8n

validator.js

chriso/validator.js: String validation

前端工具 - 15个最佳的 JavaScript 表单验证库 - 梦想天空(山边小溪) - 博客园

实现拖放功能(Drag & Drop)

密码管理

buttercup-desktop

buttercup/buttercup-desktop: Javascript Secrets Vault - Multi-Platform Desktop Application
Buttercup

自动化表单

jdorn/json-editor: JSON Schema Based Editor
daniel-dx/json-editor-custom: Describe how to customize json-editor
ncform/ncform: 🍻 ncform, a very nice configuration generation way to develop forms ( vue, json-schema, form, generator )
pubkey/rxdb: ⛁ A realtime Database for JavaScript Applications
rjsf-team/react-jsonschema-form: A React component for building Web forms from JSON Schema.
json-schema-form/angular-schema-form: Generate forms from a JSON schema, with AngularJS!
tdegrunt/jsonschema: JSON Schema validation
APIDevTools/swagger-parser: Swagger 2.0 and OpenAPI 3.0 parser/validator
diegohaz/schm: Composable schemas for JavaScript and Node.js
APIDevTools/json-schema-ref-parser: Parse, Resolve, and Dereference JSON Schema $ref pointers in Node and browsers
Limenius/symfony-react-sandbox: Example of integration with React and Webpack (Webpack Encore) for universal (isomorphic) React rendering, using Limenius/ReactBundle and Limenius/LiformBundle
formio/angular-formio: JSON powered forms for Angular
deliveryhero/serverless-aws-documentation: Serverless 1.0 plugin to add documentation and models to the serverless generated API Gateway
korzio/djv: Dynamic JSON Schema Validator - Supports draft-04/06
yourtion/vue-json-ui-editor: Edit JSON in UI form with JSON Schema and Vue.js
bimohxh/jsonon: A json online view
APIDevTools/swagger-cli: Swagger 2.0 and OpenAPI 3.0 command-line tool
ismaelga/react-json-editor: A dynamic form component for react using JSON-Schema.
farolfo/raml-server: run a mocked server JUST based on a RAML API's definition .. zero coding
Limenius/liform-react: Generate forms from JSON Schema to use with React (& redux-form)
cloudflare/json-schema-tools: Packages for working with JSON Schema and JSON Hyper-Schema
epoberezkin/ajv-keywords: Custom JSON-Schema keywords for Ajv validator
epoberezkin/ajv-errors: Custom error messages in JSON-Schema for Ajv
wework/json-schema-to-openapi-schema: A little NodeJS package to convert JSON Schema to OpenAPI Schema Objects
Jac21/SkillSet: ✨ Intuitive job-candidate skill visualization, taking advantage of D3.js and JSONResume.
TechniqueSoftware/react-json-schema: Configure and build views using JSON schemas mapped to React components
adobe/xdm: Experience Data Model
win-winFE/dms: 基于Json Schema的动态Json数据配置平台
benjamin-allion/json-node-normalizer: 'json-node-normalizer' - NodeJS module that normalize json data types from json schema specifications.
formio/formio.js: JavaScript powered Forms with JSON Form Builder
hardy12994/react-jsx-forms: JSX React Forms

¥列表

滑动删除

html里列表滑动删除的实现如此简单 - 掘金

滚动列表

Richard-Choooou/sticky-list-headers: sticky list headers, 滚动列表固定头部的库

多级列表树插件

bootstrap-treeview

bootstrap-treeview中文API 以及后台JSON数据处理 - instr - 博客园
bootstrap-treeview 中文api - CSDN博客
bootstrap-treeview插件使用 - CSDN博客
jQuery多级列表树插件bootstrap-treeview
bootstrap-treeview | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
jonmiles/bootstrap-treeview: Tree View for Twitter Bootstrap -
Bootstrap Tree View
Bootstrap TreeView

tree

amazeui/tree: jQuery tree plugin based on Amaze UI.
Amaze UI Tree | Amaze UI 插件

zTree

Home [zTree -- jQuery 树插件]
API 文档 [zTree -- jQuery 树插件]
zTree/zTree_v3: jQuery Tree Plugin

基于拖放的树形编辑器

Treed – 基于拖放 操作的,强大的树形编辑器 - 梦想天空(山边小溪) - 博客园

dom-wait

f/dom-wait: Complex Loader and Progress Management for Vanilla JS
watir-dom-wait | RubyGems.org | Ruby 社区 Gem 托管

lining.js

Lining.js
Lining.js - 为CSS提供 ::nth-Line 选择器功能 - 梦想天空(山边小溪) - 博客园

$信息展现提示组件

¥ContextMenu

bootstrap-contextmenu

JS组件系列——Bootstrap右键菜单解决方案:ContextMenu - 懒得安分 - 博客园
sydcanem/bootstrap-contextmenu: Context menu plugin for Twitter's Bootstrap framework

ContextMenu

JQuery右键菜单插件ContextMenu使用指南 - 三味线的铲屎官的博客 - CSDN博客
Jquery 右键菜单(ContextMenu)插件使用记录 - 技术狂 - 博客园
A Beautiful Site

jQuery-contextMenu

swisnl/jQuery-contextMenu: jQuery contextMenu plugin & polyfill
jQuery contextMenu (2.x)
基于contextMenu的右键菜单demo-CSDN下载
jQuery contextMenu使用 - 今木。非昔木 - 博客园
如何使用jQuery-ContextMenu实现右击菜单 - StarryFan - 博客园
jquery-contextmenu - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!

¥ProgressBar

H5粒子效果进度条

简直要逆天!超炫的 HTML5 粒子效果进度条 - 梦想天空(山边小溪) - 博客园

nprogress

rstacruz/nprogress: For slim progress bars like on YouTube, Medium, etc

ProgressBar.js

ProgressBar.js - Progress bars with JavaScript
kimmobrunfeldt/progressbar.js: Responsive and slick progress bars
ProgressBar.js – 漂亮的响应式 SVG 进度条
ProgressBar.js - Progress bars with JavaScript
bug7a/progressbar.js: (Javascript) Animated, multiple progress bar control and tiny chart (sparkline)

progress.js

Progress.js - Themeable progress bar library
usablica/progress.js: ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.

Sonic

Azure/SONiC: Landing page for Software for Open Networking in the Cloud (SONiC) - http://azure.github.io/SONiC/
padolsey/sonic.js: Create loopy loading animations
Software for Open Networking in the Cloud - SONiC
Sonic Creator - Create your own canvas/gif/css3 loader

aarondo/progression.js: A jQuery plugin that gives users real time hints & progress updates as they complete forms
craigbuckler/progressive-image.js: A lazy-loading progressive image similar to those seen on Facebook and Medium.
qiao/ProgressCircle.js: A progress indicator in HTML5 canvas
processing/p5.js-web-editor: In progress p5.js web editor, coming soon.
m42e/impress.js-progress: Progressbar and pagexounter for impress.js presentation
mdix/progress.js: A (animated) javascript progress bar without dependencies.
ejb/progressor.js: Lightweight, customisable progress bars for HTML5 video & audio

¥信息提示库

HubSpot

HubSpot/messenger: Growl-style alerts and messages for your app. #hubspot-open-source
messenger

iosOverlay.js

taitems/iOS-Overlay: iOS Overlay/Notification Plugin for the Web!
iosOverlay.js

prompts

terkelg/prompts: ❯ Lightweight, beautiful and user-friendly interactive prompts.

popper.js

popperjs/popper.js: A kickass library to manage your poppers
Popper.js

¥弹窗效果

bDialog

TerryZ/bDialog: Extend the Bootstrap Modal features, making dialog more functions and easier to use, dialog type including modal, alert, mask and toast types
bDialog可多层嵌套,高定制化的模态窗口

bootboxjs

Bootbox.js — alert, confirm and flexible dialogs for the Bootstrap framework
makeusabrew/bootbox: Wrappers for JavaScript alert(), confirm() and other flexible dialogs using Twitter's bootstrap framework

jQuery Modal(模态窗口)插件

Avgrund.js

voronianski/jquery.avgrund.js: Avgrund is jQuery plugin with new modal concept for popups
Avgrund Modal

Bootstrap Image Gallery

blueimp/Bootstrap-Image-Gallery: This project is deprecated in favor of blueimp Gallery.
michaelsoriano/bootstrap-photo-gallery: jQuery plugin that converts your list of images into a grid-based gallery on Bootstrap 4. Supports larger view in a modal with next / previous controls

Boxer

FormstoneClassic/Boxer: A jQuery plugin for displaying images and content in a modal overlay.
Lightbox · Formstone
Boxer Demo

jQuery Popdown Plugin

Wixel/jquery-popdown: A super simple jQuery popdown plugin

jQUery Custombox

jQuery基础之custombox弹出框 - CSDN博客
Home | Custombox
JQuery扩展之CustomBox.js-布布扣-bubuko.com
Custombox | jQuery Plugin Registry
dixso/custombox: Modal window effects with transitions CSS3.

jQuery SuperBox

jQuery SuperBox
bpierre/jquery-superbox: [INACTIVE] jQuery Superbox! is a script which allows you display windows with the lightbox effect.

ModalBox.js

s-yadav/modalBox.js: A very light weight and minimal plugin to display modal window.
modalBox.js

MsgBox-jQuery-Plugin

基于jQuery的简单消息框MsgBox插件 - oxcow的专栏 - CSDN博客
iyiguo.net/blog/2012/05/04/jquery-msgbox-plugin/
oxcow/MsgBox-jQuery-Plugin: jQuery MsgBox Plugin

popeasy

Pop Easy
tgrauer/popeasy

Reveal

Reveal: jQuery Modal Plugin | Playground from ZURB
zurb/reveal

Remodal

vodkabears/Remodal: No longer actively maintained.
Remodal v1. The modal done right.

Simple Modal

plasm/simplemodal: Modal window
ericmmartin/simplemodal: A modal dialog framework for jQuery
FinelySliced/leanModal.js: A super simple JQuery plugin for modal windows.
saribe/eModal: Easy Modal for bootstrap, is a simple way to create modal dialogs using javascript.
Lean Modal

The Modal

The modal demo
samdark/the-modal: Proper modal boxes

15款最好的 jQuery Modal(模态窗口)插件 - 梦想天空(山边小溪) - 博客园
joaopereirawd/animatedModal.js: animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions.
kylefox/jquery-modal: The simplest possible modal for jQuery

Micromodal

ghosh/Micromodal: ⭕ Tiny javascript library for creating accessible modal dialogs
Micromodal.js - Tiny javascript library for creating accessible modal dialogs

sweetalert

sweetalert | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
SweetAlert-js超酷消息警告框插件_jQuery之家-自由分享jQuery、html5、css3的插件库
SweetAlert - 演示6种不同的提示框效果 - 素材火
t4t5/sweetalert: A beautiful replacement for JavaScript's "alert"
sweetalert2/sweetalert2: A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.
SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes
pedant/sweet-alert-dialog: SweetAlert for Android, a beautiful and clever alert dialog
sweet-alert-dialog/README.zh.md at master · pedant/sweet-alert-dialog
SweetAlert
SweetAlert2中文 —— 一个漂亮的、响应式的、可定制的和可访问(WAI-ARIA)的JavaScript弹窗

Vex

HubSpot/vex: A modern dialog library which is highly configurable and easy to style. #hubspot-open-source
vex – Beautiful, functional, modal dialogs in Javascript

模态窗口弹出效果

分享20个华丽的模态窗口弹出效果示例 - 梦想天空(山边小溪) - 博客园

离开网站时显示模态弹窗

Ouibounce – 在用户离开你网站时显示模态弹窗 - 梦想天空(山边小溪) - 博客园

全屏模态窗口

AnimatedModal.js – CSS3 全屏模态窗口 - 梦想天空(山边小溪) - 博客园

多层滑出菜单插件

Multi-Level Push Menu

Multi-Level Push Menu v2.1.4, https://github.com/adgsm/multi-level-push-menu
adgsm/multi-level-push-menu: MultiLevelPushMenu jQuery Plugin implementation

LDialog-jquery弹窗插件 | Luojh的博客
luojh.me/LDialog/html/index.html
BasicModal - 简单易用的现代 Web App 弹窗 - 梦想天空(山边小溪) - 博客园
jschr/bootstrap-modal: Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.
原生jQuery对话框插件dialogBox
easyDialog v2.0 演示与说明
简单的响应式纯js消息通知插件_jQuery之家-自由分享jQuery、html5、css3的插件库

¥分步骤插件

页面引导

bootstro.js

clu3/bootstro.js: Tiny JS library using bootstrap's popovers to help guide your users around your website
Bootstro.js demo

Bootstrap Tour

API Documentation · Bootstrap Tour
Bootstrap Tour
Chaperone - The easiest, proven way to guide people through online tasks
sorich87/bootstrap-tour: Quick and easy product tours with Twitter Bootstrap Popovers

crumble

tommoor/crumble: Crumble makes it easy to create feature tours in your website or app.
Crumble - jQuery Feature Tours

grumble.js

jamescryer/grumble.js: jQuery plugin to add 360 rotatable bubble style tooltips
Examples and documentation on grumble.js

Intro.js

Intro.js - Step-by-step guide and feature introduction for your website
usablica/intro.js: A better way for new feature introduction and step-by-step users guide for your website and project.

joyride

jQuery Joyride Plugin | Playground from ZURB

jQuery TourBus

jQuery TourBus

powertour

Power Tour - A powerful and creative jQuery tour solution plugin

PageGuide.js

PageGuide.js – Interactive Guide for Web Page Elements using jQuery and CSS3 | jQuery Plugins
jQuery的页面功能向导插件-Pageguide.js-幸凡学习网
PageGuide.js交互式的可视化网页向导组件_问说网_新浪博客
tracelytics/pageguide: An interactive guide for web page elements using jQuery and CSS3
漂亮的jQuery页面向导插件 - Pageguide.js - akaka88的专栏 - CSDN博客
帮助用户更好的体验网站:jQuery的页面功能向导插件Pageguide.js - igeekbar - 博客园
Pageguide by SolarWinds
jQuery.PageGuide, by Sprint.ly

Producttour.js

jQuery Producttour.js

Pagetour

jQuery Pagetour | jQuery Plugin Registry

pagewalkthrough

引导插件步骤:pagewalkthrough实例 - 圆静居士的专栏 - CSDN博客

TourTip

jQuery引导插件TourTip

Trip.js

EragonJ/Trip.js: Trip.js is a plugin that can help you customize a tutorial trip easily with more flexibilities.
Trip.js | jQuery Plugin Registry
Trip.js

Website Tour with jQuery

Website Tour with jQuery

div+css布局制作横向带箭头步骤流程样式
简洁的css3响应式步骤导航条样式
jQuery页面引导插件制作搜索页面步骤引导代码
jQuery带步骤网站注册表单填写验证代码
js修改绑定手机号码页面步骤代码
jQuery响应式选项卡步骤向导插件
jQuery遮罩弹出带步骤流程窗口代码

¥浮动标签模式

floatlabels.js

probots-io/floatlabels.js: Follows the famous Float Label Pattern. Built on jQuery.
floatlabels.js by Probots
lollipopfly/Floatlabels.js: Responsive float labels

$工具栏、导航栏

Toolbar.Js

Toolbar.js - jQuery plugin to create tooltip style toobars
paulkinzett/toolbar: A tooltip style toolbar jQuery plugin

¥底部导航栏TabLayout

一行代码实现底部导航栏TabLayout - 简书
juexingzhe/TestFragmentTabHost
ithuangqing/ItHqSimpleTabLayout: TabLayout+ViewPager的简单封装,实现页面的左右滑动,适合新手练习使用!三行代码即可实现Tab滑动选项效果,快来试试吧!

$文本类

¥ASCII 字符画

AsciiMorph - 新奇的 ASCII 字符画生成工具&插件 - 梦想天空(山边小溪) - 博客园

¥汉字转拼音

huaxinjiayou/js-pinyin: js汉字转拼音
jhs1873/font-as-firstPinyin: 输入汉字转换成拼音首字母js代码

¥文本超出隐藏

shave

dollarshaveclub/shave: 💈 Shave is a 0 dep JS plugin that truncates text to fit within an element based on a set max-height ✁
Shave is a zero dependency javascript plugin that truncates multi-line text to fit within an html element based on a set max-height.

¥实现复制文本到剪贴板功能

clipboard.js

zenorocha/clipboard.js: Modern copy to clipboard. No Flash. Just 3kb gzipped
clipboard.js — Copy to clipboard without Flash
Clipboard.js – 现代方式实现复制文本到剪贴板 - 梦想天空(山边小溪) - 博客园
clipboard - npm

clipboardy

clipboardy - npm
sindresorhus/clipboardy: Access the system clipboard (copy/paste)

Copy It – Zero Clipboard

¥字体、文件、文档

DOM注释

Dom Animator – 提供 Dom 注释动画的 JS 库 - 梦想天空(山边小溪) - 博客园

Sheets

mintable

kevinschaich/mintable: Roll-your own Mint clone for managing personal finances using the Google Sheets and Plaid APIs.

x-spreadsheet

myliang/x-spreadsheet: a javascript spreadsheet for web

网页字体排版

Type.js – 帮助你更好的控制网页字体排版 - 梦想天空(山边小溪) - 博客园

注释

有趣的注释,总有你喜欢的那款 - 掘金
h-blog/hehe.js at master · HCThink/h-blog
HCThink/h-blog: js, javascript, blog, typescript, node, koa...

创建互动的,有吸引力的故事

Odyssey.js

What Font Is - the best font finder tool

¥文本效果

文本高亮

julmot/mark.js: JavaScript keyword highlighting. Mark text with with options that fit every application. Also available as jQuery plugin.
mark.js – JavaScript keyword highlight

文本旋转插件

Arctext.js - 基于 CSS3 & jQuery 的文本弯曲效果 - 梦想天空(山边小溪) - 博客园

bradley/Blotter: A JavaScript API for drawing unconventional text effects on the web.

¥编辑器相关

editor.md

pandao/editor.md: The open source embeddable online markdown editor (component).
Editor.md - 开源在线 Markdown 编辑器

markdown-js

markdown - npm

markdown-it

markdown-it - npm

marked

marked - npm

pell

pell - jaredreich.com
jaredreich/pell: 📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies
pell/pell.js at master · jaredreich/pell
不到200行 JavaScript 代码如何实现富文本编辑器 | 吴锴的博客

所见即所得编辑器

WYSIWYG

Trumbowyg - 轻量的 WYSIWYG 编辑器 - 梦想天空(山边小溪) - 博客园
Trumbowyg - A lightweight WYSIWYG editor by Alex-D / Alexandre Demode
Alex-D/Trumbowyg: A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip)
ContentTools – 所见即所得(WYSIWYG)编辑器 - 梦想天空(山边小溪) - 博客园

summernote

summernote/summernote: Super simple WYSIWYG editor
Summernote - Super Simple WYSIWYG editor

可嵌入的JS Markdown编辑器

epiceditor.com

$富文本编辑器

ckeditor

CKEditor Ecosystem
CKEditor | Smart WYSIWYG HTML editor | Collaborative rich text editor

graph.editor

samsha/graph.editor: HTML5拓扑图编辑器

layout.border

samsha/layout.border: border layout for html

quill

vue-quill-editor

toolbar

image

解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题_vue.js_脚本之家
vue-quill-editor上传内容由于图片是base64的导致字符太长的问题解决 - 灿爷的前端之路 - 博客园
vue-quill-editor实现图片上传功能_vue.js_脚本之家
vue.js - vue-quill-editor 编写文章的时候,插入图片过多,会返回错误,这是为什么? - SegmentFault 思否

(5条消息)在vue中Quill富文本编辑器的使用(主题、自定义工具栏、自定义字体选项、图片拖拽上传、图片改变大小) - Alison_Rose - CSDN博客

surmon-china/vue-quill-editor: 🍡@quilljs editor component for @vuejs
vue-quill-editor
vue-quill-editor富文本编辑器简单使用方法_vue.js_脚本之家
Vue中Quill富文本编辑器的使用教程_vue.js_脚本之家
vue如何安装使用Quill富文本编辑器_vue.js_脚本之家
vue富文本编辑器组件vue-quill-edit使用教程_vue.js_脚本之家
Vue项目中quill-editor带样式编辑器的使用方法_vue.js_脚本之家
Vue-Quill-Editor富文本编辑器的使用教程_vue.js_脚本之家
vue中安装使用Quill富文本编辑器 - Alison_Rose - CSDN博客
VueQuillEditor 如何添加自定义字体? - 代码 - 卜卜口
vue-quill-editor 富文本集成quill-image-extend-module插件实例,以及UglifyJsPlugin打包抱错问题处理 - 掘金

quill-markdown-shortcuts

patleeman/quill-markdown-shortcuts: Quill.js module that converts markdown to rich text formatting while typing.
aral/quill-markdown-shortcuts-for-vue-quill-editor: Fork of Quill.js module that converts markdown to rich text formatting while typing. Optimised for vue-quill-editor and Vue/Nuxt. Demo of the original:
quill-markdown-shortcuts - npm
Quill Markdown Shortcuts

quill-autoformat

Weavy/quill-autoformat: Module for formatting and transforming text as you type in Quill

quilljs-table

dost/quilljs-table: Table functionality for quilljs

quill-markup

jmquigley/quill-markup: A markup highlighting module for the Quill text editor

quill-mentions

brettimus/quill-mentions: mentions module for quilljs

quill-task-list

koffeinfrei/quill-task-list: A task list module for the quill editor

quill-image-extend-module

NextBoy/quill-image-extend-module: vue-quill-editor的增强模块,提供图片上传,复制插入,拖拽插入,支持与其他模块一起使用
quill-image-extend-module - npm
quill-image-extend-module2 - npm

quill-emoji

contentco/quill-emoji: Quill module toolbar extension for emoji
quill-emoji - npm
quill-emoji/emoji-list.js at master · contentco/quill-emoji

quill-image-drop-module

kensnyder/quill-image-drop-module: A module for Quill rich text editor to allow images to be pasted and drag/dropped into the editor.
quill-image-drop-module - npm
quill-image-drop-module 打包失败解决办法 - csdnwyn314的博客 - CSDN博客
quill-image-drop-module 图片粘贴的兼容性问题 - csdnwyn314的博客 - CSDN博客

quill-image-resize-module

kensnyder/quill-image-resize-module: A module for Quill rich text editor to allow images to be resized.
quill-image-resize-module - npm
cannot import ImageResize from 'quill-image-resize-module'; · Issue #65 · kensnyder/quill-image-resize-module
Cannot read property 'imports' of undefined Nuxtjs/SSR · Issue #28 · kensnyder/quill-image-resize-module
ImageResize is undefined after import · Issue #20 · kensnyder/quill-image-resize-module
with Angular4, TypeError: Cannot read property 'imports' of undefined · Issue #16 · kensnyder/quill-image-resize-module
Using Quill and React `TypeError: window.Quill is undefined` error · Issue #14 · kensnyder/quill-image-resize-module
Can't find variable: Quill when registering Quill modules · Issue #171 · surmon-china/vue-quill-editor
'imports' of undefined · Issue #7 · kensnyder/quill-image-resize-module

delta

quilljs/delta

支持表格

QuillJs扩展使用——富文本编辑支持表格 - 简书

多媒体编辑器

大量图片base64储存问题 · Issue #21 · surmon-china/vue-quill-editor
对Quill富文本插件上传图片修改,调整部分功能 - 码农的自我修养 - CSDN博客

quilljs/quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility.
quill 2.0.0-dev.3 on npm - Libraries.io
https://cdn.quilljs.com/2.0.0-dev.3/quill.js
https://cdn.quilljs.com/2.0.0-dev.2/quill.js
quill/toolbar.md at develop · quilljs/quill
Quill - Your powerful rich text editor
Toolbar Module - Quill Rich Text Editor
Cloning Medium with Parchment - Quill
quill 富文本编辑器自定义格式化 - 掘金
自定义总结 · Quill中文文档
Quill编辑器介绍及扩展 - czd890 - 博客园
Quill – 可以灵活自定义的开源的富文本编辑器 - 梦想天空(山边小溪) - 博客园

MediumEditor

MediumEditor
yabwe/medium-editor: Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

qunee

Qunee for HTML5 - 开发清新、高效的拓扑图组件

Simditor
Web聊天工具的富文本输入框 - 掘金

$@mentions

At.js

ichord/At.js: Add Github like mentions autocomplete to your application.

Mention.js

jakiestfu/Mention.js: Lightweight wrapper for adding @user mention functionality to Twitter Bootstraps Typeahead plugin

tribute

zurb/tribute: ES6 Native @mentions

[译] 前端组件设计原则 - 掘金

This is 图片&文件&上传&下载类

$canvas&svg相关

canvg

canvg处理svg转png - CSDN博客
nathan-muir/canvgc: a nodejs tool for compiling SVG to html5 CanvasRenderingContext2D commands.
canvg/canvg: Javascript SVG parser and renderer on Canvas

canvas libs

canvas绘图库

Fabric.js

Fabric.js Javascript Canvas Library
fabricjs/fabric.js: Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
Canvas实用库Fabric.js使用手册 - 掘金
Canvas实用库Fabric.js使用手册 - 前端随记 - SegmentFault 思否

literallycanvas

literallycanvas/literallycanvas: A canvas in your browser. Literally.
Literally Canvas — Literally Canvas v0.4.14 docs - HTML5 drawing board - MS Paint in your web browser

spritejs

spritejs/spritejs: A cross-platform lightweight 2D render object model.
spritejs - A lightweight 2D canvas rendering engine for modern browsers with ES6+.
SpriteJS ~ Next - 下一代 SpriteJS
SpriteJS ~ Next - 下一代 SpriteJS
SpriteJS ~ Next - 下一代 SpriteJS
例子 - SpriteJS ~ Next - 下一代 SpriteJS
omi/packages/omi-sprite at master · Tencent/omi
CSS 样式 - spritejs - A lightweight 2D canvas rendering engine for modern browsers with ES6+.
spriteJS: SpriteJS 是一款由 360 奇舞团开源的跨终端 canvas 绘图库,可以基于 canvas 快速绘制结构化 UI 、动画和交互效果,并发布到任何拥有 canvas 环境的平台上(比如浏览器、小程序和 node )
[开源] SpriteJS -- 一款简单的跨终端 canvas 绘图框架 - 掘金

Mikhus/canvas-gauges: HTML5 Canvas Gauge. Tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.
hustcc/canvas-nest.js: Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.
如何使用 HTML5 Canvas 制作水波纹效果 - 梦想天空(山边小溪) - 博客园

canvas-img-process

ssshooter/canvas-img-process: html5 canvas image process ( 3*3 kernel ) canvas卷积核测试 canvas图片后期

svg背景图案

Trianglify - 生成五彩缤纷的 SVG 背景图案 - 梦想天空(山边小溪) - 博客园
Lottie Web SVG 动画源码浅析以及对应原生实现 – NewbieWeb

saveSvgAsPng

exupero/saveSvgAsPng: Save SVGs as PNGs from the browser.

svg-gradient-map

yoksel/svg-gradient-map: 🌈 Tool for creating SVG Filters with Gradient Map
SVG Gradient Map Filter

TicketMap

Hecoffee/TicketMap: 类似淘票票 选座功能(svg)

WebGL

jagenjo/webglstudio.js: A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more.
WebGL基础教程:第一部分 - 掘金
WebGL基础教程:第二部分 - 掘金
WebGL基础教程:第三部分 - 掘金
20个不可思议的 WebGL 示例和演示 - 梦想天空(山边小溪) - 博客园
WebGL 纹理颜色原理 - 掘金
WebGL 3D 入门系列:绘制渐变三角形 --- 深入理解缓冲区 - 掘金
WebGL 3D 入门与实践 --- 坐标系变换 :基本变换原理与算法实现 - 掘金
WebGL 3D 入门与实践: CSS 中的 3D 属性 - 掘金

babylonjs

BabylonJS - 3D engine based on WebGL/Web Audio and JavaScript
【Babylonjs】起步 - WEBGL - CSDN博客
【温故知新】——BABYLON.js学习之路·前辈经验(一) - 柳洁琼Elena - 博客园
【温故知新】——BABYLON.js学习之路·前辈经验(二) - 柳洁琼Elena - 博客园
【开发总结】—— BABYLON 项目开发必备系列 - 柳洁琼Elena - 博客园
【开发总结】—— BABYLON 3D开发常见问题及解决方法 - 柳洁琼Elena - 博客园
【DQ冰淇淋】—— Babylon 冰淇淋三维互动营销项目总结 - 柳洁琼Elena - 博客园
BabylonJS/Babylon.js: Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

矢量图形库

mondrian

artursapek/mondrian: Web-based vector graphics editor

强大的矢量图形库:Raphael JS 中文帮助文档及教程 - 梦想天空(山边小溪) - 博客园
Introduction to Raphaël.js - HTML5 Rocks
An Introduction to the Raphael JS Library
SVG Drawing Animation - SVG 绘制动画 - 梦想天空(山边小溪) - 博客园
推荐15款制作 SVG 动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
推荐8个实现 SVG 动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
带给你灵感:30个超棒的 SVG 动画展示【上篇】 - 梦想天空(山边小溪) - 博客园
带给你灵感:30个超棒的 SVG 动画展示【下篇】 - 梦想天空(山边小溪) - 博客园
类似 Dribbble 下载按钮的 SVG 弹性动画进度条 - 梦想天空(山边小溪) - 博客园
学习使用 SVG 创建材料设计涟漪(Ripple)效果 - 梦想天空(山边小溪) - 博客园
DrawSVG - SVG 路径动画 jQuery 插件 - 梦想天空(山边小溪) - 博客园
Lazy Line Painter – 很有趣的 jQuery 路径动画插件 - 梦想天空(山边小溪) - 博客园
Lazy Line Painter

手势解锁

h5使用canvas画布实现手势解锁 - 前端 - 掘金

Add dpi/scale options for custom resolution by eKoopmans · Pull Request #1087 · niklasvh/html2canvas
CanvasPod/Canvas: Animate in Xcode without code

$HTMLTo

html2svg

MrPeak/html2svg: Convert html to svg.

html2canvas

Releases · niklasvh/html2canvas
html2canvas - Screenshots with JavaScript
基于html2canvas实现网页保存为图片及图片清晰度优化 - 小云朵 - SegmentFault 思否
基于html2canvas实现网页保存为图片及图片清晰度优化 - CSDN博客
基于html2canvas实现网页保存为图片及图片清晰度优化 - 代码片段 - 码云 Gitee.com
vue中完美解决html2canvas图片跨域问题_weixin_33885253的博客-CSDN博客

$QRcode

jquery.qrcode.js

jquery.qrcode.js生成二维码插件&转成图片格式 - CSDN博客
jeromeetienne/jquery-qrcode: qrcode generation standalone (doesn't depend on external services)
生成二维码的 jQuery 插件:jquery.qrcode.js

qart.js

kciter/qart.js: Generate artistic QR code. 🎨
QArt.js Example

qrcodejs

davidshimjs/qrcodejs: Cross-browser QRCode generator for javascript
qrcode.js
qrcode.js使用js生成二维码(并下载)的实践 - 简书
使用JavaScript 生成二维码:QRCode.js - 简书
QRCode.js 生成二维码 - 前端开发仓库

使用 Docker 和 Node 快速实现一个在线的 QRCode 解码服务 - 掘金

$上传

Dropzone.js-拖放上传&即时图片预览

Dropzone.js
Home · Wiki · Matias Meno / Dropzone · GitLab
enyo/dropzone: Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.

droply-js

aelbuni/droply-js: Droply JS, a new responsive and cross browser chunk uploader with DragDrop and File Preview capabilities (HTML5/CSS3)
Droply.js - Minimal PHP file upload script | iTechFlare

fine-uploader

FineUploader/fine-uploader: Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
Fine Uploader Javascript Upload Library

filepond

pqina/filepond: 🌊 A flexible and fun JavaScript file upload library
Easy File Uploading With JavaScript | FilePond

Huploadify

Double-Lv/Huploadify: jQuery文件上传插件,HTML5版uploadify,保持与uploadify一致的API

jQuery File Uploader

danielm/uploader: A lightweight and very configurable jQuery plugin for file uploading using ajax(a sync); includes support for queues, progress tracking and drag and drop.
jQuery Ajax File Uploader Widget
blueimp/jQuery-File-Upload: File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side
jQuery File Upload Demo

Resumable.js

Resumable.js, JavaScript magic for simultaneous, stable and resumable uploads
23/resumable.js: A JavaScript library for providing multiple simultaneous, stable, fault-tolerant and resumable/restartable uploads via the HTML5 File API.

react-fine-uploader

FineUploader/react-fine-uploader: Easily integrate Fine Uploader or Fine Uploader S3 into a React app. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI.

Simple-Ajax-Uploader

LPology/Simple-Ajax-Uploader: Javascript file upload plugin with progress bar support. Works in all major browsers, including IE7+, Chrome, Firefox, Safari, and Opera. No dependencies - use it with or without jQuery.

uploadify

jquery.uploadify文件上传组件 - 迪克猪 - 博客园
HTML5 File Upload Script, jQuery Multiple File Upload Plugin - Uploadify / UploadiFive - Uploadify
JQuery上传插件Uploadify使用详解 - oec2003 - 博客园
jQuery上传插件uploadify中文文档 - CSDN博客
Springmvc+uploadify实现文件上传 - CSDN博客
uploadify上传插件完整Demo(包括后台) - CSDN博客
基于HTML5的jquery文件上传插件

uploadify

i5ting/uploadify: uploadify = express && koa 2 uploadify with jquery fileupload

uppy

transloadit/uppy: The next open source file uploader for web browsers
Uppy File Uploader

uploader

kissygalleryteam/uploader: 异步文件上传组件

WebUploader

大文件分段上传

js大文件分段上传并获取文件md5 - 52.0Hz的博客 - CSDN博客
web前端分片上传demo(基于webuploader) - - ITeye博客

fex-team/webuploader: It's a new file uploader solution!
WebUploader 解决文件多次上传和删除上传文件的问题 - 二奎 - 博客园
关于webuploader插件使用过程遇到的小问题_jquery_脚本之家

上传汇总

ajax上传_专题_脚本之家
javascript文件上传_专题_脚本之家
jQuery上传_专题_脚本之家

¥signal upload

hishion/mbUploadify: html5移动端文件、图片上传插件
xjflyttp/yii2-uploadify-widget
Elhebert/vue-fineuploader: Easily integrate Fine Uploader into a VueJS 2 app. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI.
pekebyte/pekeUpload: jQuery html5 file uploader plugin
MicheleBertoli/jquery-html5-uploader: jQuery drag&drop file uploader
fengyuanchen/uploader: A simple jQuery file uploading plugin.
jalagrange/bootstrap_uploader: JQuery File Upload Demo
Rocketseat/youtube-upload-nodejs-reactjs-backend: Código produzido durante o vídeo sobre criação do backend de uma aplicação de upload de imagens com NodeJS e ReactJS.
dianbaer/anyupload: anyupload是一个极度纯净的上传插件,通过简单调整就可以融入到任何项目,支持多文件上传、上传速率动态控制、真实进度监控kb/s、分块生成MD5、分块上传、MD5校验秒传、暂停、
字节跳动面试官:请你实现一个大文件上传和断点续传 - 掘金
input的file类型的accept属性的值 - CSDN博客
ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本 - Chen.H - ITeye博客
Java Web使用Html5 FormData实现多文件上传 - 陈无问 - 博客园

$下载

download-client-listener

wuxianjiezh/download-client-listener: 监听浏览器文件下载事件的插件

download

rndme/download: file downloading using client-side javascript

FileSaver.js

eligrey/FileSaver.js: An HTML5 saveAs() FileSaver implementation
Saving generated files on the client-side — Eli Grey
FileSaver源码阅读_玉案轩窗的博客-CSDN博客

javascript-multiple-download

barretlee/javascript-multiple-download: JavaScript多文件下载

StreamSaver.js

jimmywarting/StreamSaver.js: StreamSaver writes stream to the filesystem directly asynchronous
StreamSaver example codes

TableExport

clarketm/TableExport: The simple, easy-to-implement library to export HTML tables to xlsx, xls, csv, and txt files.
TableExport · TableExport

2016 - the year of web streams - JakeArchibald.com
这应该是你见过的最全前端下载总结 - 掘金
前端文件下载通识篇 - 掘金
二进制数组实战 - 纯前端导出Excel文件 - 掘金
聊聊前端文件下载 - 掘金
前端实现文件下载和拖拽上传 - 掘金
JS下载文件常用的方式 - 个人文章 - SegmentFault 思否
前端js实现字符串/图片/excel文件下载 - 个人文章 - SegmentFault 思否
前端下载带来的一些思考_玉案轩窗的博客-CSDN博客
js实现点击下载文件_rongDang的博客-CSDN博客
js前端文件下载_断了的弦的博客-CSDN博客
js下载文件到本地各种方法总结,解决火狐浏览器下载文件直接打开问题不是下载_wodebokecsdn的博客-CSDN博客
了解HTML/HTML5中的download属性 « 张鑫旭-鑫空间-鑫生活
【JS】前端文件下载(无刷新)方法总结 - willingtolove - 博客园
js 文件保存下载 - 简书
JS单个、多文件批量下载,前端文件下载(原创)

$电子签名

jSignature

jQuery手写签名插件jSignature
jSignature签字板保存为图片 - CSDN博客
用canvas的toDataURL()将图片转为dataURL(base64) - 简书
jSignature签字板保存为图片 - 疾风追梦 - 博客园
jSignature签字板保存为图片 - 疾风追梦 - 博客园
Data URI scheme - Wikipedia

signature_pad

szimek/signature_pad: HTML5 canvas based smooth signature drawing
Signature Pad demo
signature_pad CDN by jsDelivr - A CDN for npm and GitHub
canvas画笔功能 Signature PadScript - 阿里云

$图片类

WordPress Gallery画廊插件

25个最佳的 WordPress Gallery 画廊插件 - 梦想天空(山边小溪) - 博客园

渐进式图片加载

图片类型转换&压缩相关

canvas2image

hongru/canvas2image: a tool for saving or converting canvas as img

imageResizeTool

WangYuLue/imageResizeTool: 一个简单易用的JS图片压缩方法
JS中图片压缩的一般方法 - CSDN博客

ImageResizer.js

分享一个前端等比压缩图片插件 - CSDN博客

理论依据

前端html img src base64 的data 的类型参数 - CSDN博客
你知道前端对图片的处理方式吗? - 掘金
小tip: base64:URL背景图片与web页面性能优化 « 张鑫旭-鑫空间-鑫生活
关于图片或者文件在数据库的存储方式归纳 - 王滔 - 博客园
玩转图片流 - 前端 - 掘金
Base64编码原理与应用
前端图片压缩及上传 - 掘金
如何使用js将canvas保存为图片文件,并且可以自定义文件名 - CSDN博客
canvas元素内容生成图像文件 - 江湖夜雨十年灯 - SegmentFault 思否
关于base64编码的原理及实现 - 岑安 - 博客园
Convert Image to Data URI with JavaScript
html base64 img 图片显示 - lgh1117的专栏 - CSDN博客
图片的三种表现形式,url,base64,blob以及相互转化 · Issue #9 · heightzhang/Reading-and-Reality

图片压缩

jpegmini

JPEGmini - Reduce file size, not quality

12个用于网站性能优化的最佳的图片压缩工具 - 梦想天空(山边小溪) - 博客园

图片占位符

Unsplash.it - 实用的图片占位符,支持个性化设置 - 梦想天空(山边小溪) - 博客园
Lorem Picsum

图片裁剪插件

croppic

croppic
sconsult/croppic: croppic

Cropper – 简单的 jQuery 图片裁剪插件 - 梦想天空(山边小溪) - 博客园

提供各种图片处理

CamanJS – 提供各种图片处理的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
chenfengyanyu/electron-ocr: OCR(Optical Character Recognition), Electron, Tools
js计算图片内点个数 - 掘金

提取图像颜色

Codrops 实验:使用 Vibrant.js 提取图像颜色 - 梦想天空(山边小溪) - 博客园

图像浏览插件

viewerjs

fengyuanchen/jquery-viewer: A jQuery plugin wrapper for Viewer.js.
fengyuanchen/viewerjs: JavaScript image viewer.
Viewer.js

Intense Images – 全屏浏览图像的 JS 插件 - 梦想天空(山边小溪) - 博客园

图片特效插件

【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件 - 梦想天空(山边小溪) - 博客园
8款非常棒的响应式 jQuery 幻灯片插件推荐 - 梦想天空(山边小溪) - 博客园
精心挑选的23款美轮美奂的 jQuery 图片特效插件 - 梦想天空(山边小溪) - 博客园
网站项目必备——12款经典的白富美型 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
S Gallery – 很有特色的响应式 jQuery 相册插件 - 梦想天空(山边小溪) - 博客园

图片保存

H5 实现保存图片的采坑记录 · Issue #8 · whinc/blog

轮播图

iSlider

iSlider by BE-FE
be-fe/iSlider: Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App

OwlCarousel2

OwlCarousel2/OwlCarousel2: jQuery Responsive Carousel.
Home | Owl Carousel | 2.3.4

slip.js

binnng/slip.js: 移动端跟随手指滑动组件,零依赖。
Slip.js

WebSlides

webslides/WebSlides: Create HTML presentations in seconds —
WebSlides: Create Beautiful HTML Presentations

jquery旋转木马插件SLICK
jQuery轮播插件slider

图片滑动

PhotoSwipe

dimsemenov/PhotoSwipe: JavaScript image gallery for mobile and desktop, modular, framework independent
PhotoSwipe: Responsive JavaScript Image Gallery
兼容移动端和PC端的图片滑动切换展示效果:PhotoSwipe_Helloweba

slippry

Slippry - A responsive slider by booncon
booncon/slippry: Responsive slider plugin for jQuery

全屏看图

tholman/intense-images: A simple library to view large images up close using simple mouse interaction, and the full screen.

创建响应式的 CSS渐变

Gradify - 提取图片颜色,创建响应式的 CSS渐变 - 梦想天空(山边小溪) - 博客园

图片悬浮

Treast/puffin.js: A new way to hover images

瀑布流

masonry

desandro/masonry: Cascading grid layout plugin
masonry.desandro.com
Masonry--“瀑布流” 布局(图片较多,推荐在WIFI下查看) - CJc917 - 博客园

Metro风兼瀑布流布局效果 - 懒人之家

跑马灯效果

powerSwitch

zhangxinxu/powerSwitch: 万能切换插件,选项卡、跑马灯、手风琴、无限切换都不在话下~
jQuery powerSwitch万能slide(切换)插件 « 张鑫旭-鑫空间-鑫生活

全景展示插件

peachananr/panorama_viewer: Embed panorama photos on your website with Panorama Viewer
jQuery Panorama Viewer by Pete R. | The Pete Design
【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件 - 梦想天空(山边小溪) - 博客园

图片特效插件

图片放大镜效果

Magnifier.js

Magnifier.js demo
mark-rolich/Event.js: Unifies event handling across browsers
mark-rolich/Magnifier.js: Javascript library enabling magnifying glass effect on an images

图片倒影

reflex.js (javascript cover flow image effect)

灯箱效果

LightGallery.js – 功能齐全的 Javascript Lightbox - 梦想天空(山边小溪) - 博客园
Chocolat.js – 响应式的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
推荐15款响应式的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
轻量的、可自定义 CSS 的 Lightbox 相册插件 - 梦想天空(山边小溪) - 博客园

Magnific Popup

dimsemenov/Magnific-Popup: Light and responsive lightbox script with focus on performance.
Magnific Popup

imagelightbox.js

osvaldasvalutis/imagelightbox.js: A JavaScript library for touch-friendly image lightbox.
Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis

8款非常棒的响应式 jQuery 幻灯片插件推荐 - 梦想天空(山边小溪) - 博客园
精心挑选的23款美轮美奂的 jQuery 图片特效插件 - 梦想天空(山边小溪) - 博客园
网站项目必备——12款经典的白富美型 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
S Gallery – 很有特色的响应式 jQuery 相册插件 - 梦想天空(山边小溪) - 博客园

$文件库

ViewerJS

webodf/ViewerJS: ViewerJS: Document Reader in JavaScript
ViewerJS Home
ViewerJS Get ViewerJS

CSV解析

mholt/PapaParse: Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input

¥PDF

pdf-annotate.js

instructure/pdf-annotate.js: Annotation layer for pdf.js (no longer maintained)
PDFJSAnnotate

html2pdf.js

eKoopmans/html2pdf.js: Client-side HTML-to-PDF rendering using pure JS.

pdf.js

mozilla/pdf.js: PDF Reader in JavaScript
mozilla/pdfjs-dist: Generic build of PDF.js library.

WebODF

webodf/WebODF: WebODF - JavaScript Document Engine
WebODF

jsPDF

MrRio/jsPDF: Client-side JavaScript PDF generation for everyone.
jsPDF - CSDN博客
jsPDF - HTML5 PDF Generator | Parallax

rawgit.com
分享8个网站开发中最好用的打印页面插件 - 梦想天空(山边小溪) - 博客园
html页面导出为pdf(jsPDF、iText、wkhtmltopdf) - CSDN博客
把HTML转成PDF的4个方案及实现方法 - 掘金

luffyZh/frontend-download-sample: 🎄 自己整理的一些项目中遇到过的关于上传和下载的一些Demo,仅供给位看官参考,避免踩坑,即插即用,欢迎fork和star🌟,为这个仓库添砖加瓦~(P.S. 个人认为如果没写过上传下载其实还是挺麻烦的~)

This is 静态效果类

¥时间轴效果

Timeline Portfolio - 时间轴作品集效果 - 梦想天空(山边小溪) - 博客园

¥可视化

pts

williamngan/pts: A library for visualization and creative-coding
Pts.js

SandDance

SandDance
microsoft/SandDance: Visually explore, understand, and present your data.

灵活的可视化验证码解决方案

visualCaptcha Static jQuery Demo - The best captcha alternative
VisualCaptcha – 灵活的可视化验证码解决方案 - 梦想天空(山边小溪) - 博客园

¥阴影效果

Shine.js – 帮助你实现各种好看的阴影效果 - 梦想天空(山边小溪) - 博客园

¥蒙版效果

Barrage UI

可实现B站 蒙版弹幕 效果的前端组件 —— Barrage UI - 掘金
parksben/barrage: Best and lightest barrage component for web UI. 适用于 web 界面的轻量级弹幕组件

【小案例】基于色键技术的纯客户端实时蒙版弹幕 - 掘金
弹幕不挡人!基于色键技术的纯客户端实时蒙版弹幕 - 掘金

¥尺子

RulersGuides.js

RulersGuides.js demo
mark-rolich/RulersGuides.js: Creates Photoshop-like guides and rulers interface on a web page

simbawus/slide-ruler: 📏 Slide Ruler 滑尺数值选择器

¥视觉差效果

Parallax.js

pixelcog/parallax.js: Simple parallax scrolling effect inspired by Spotify.com implemented as a jQuery plugin

rellax

dixonandmoe/rellax: Lightweight, vanilla javascript parallax library
Vanilla Javascript Parallax Library — Rellax

¥鼠标悬停效果

7种鼠标悬停效果,多样的图片说明展示
30种奇妙的鼠标悬停效果【附源码下载】 - 梦想天空(山边小溪) - 博客园

¥键盘效果

digital-keyboard

simbawus/digital-keyboard: ⌨️ Digital Keyboard 数字键盘

CSS3打开信封发送留言样式代码

This is 事件&动效类

$animate&模拟事物相关

HTML 原型点击效果

TouchPoint.js – 可视化展示 HTML 原型点击效果 - 梦想天空(山边小溪) - 博客园

雨滴效果

Rainyday.js – 使用 JavaScript 实现雨滴效果 - 梦想天空(山边小溪) - 博客园

书本翻页预览

BookBlock - 效果非常真实的书本翻页预览 - 梦想天空(山边小溪) - 博客园

元素拖放着色

拖放交互界面

来自 Codrops 的7种创新的拖放交互界面 - 梦想天空(山边小溪) - 博客园

很赞的效果!互动的页面元素拖放着色实验 - 梦想天空(山边小溪) - 博客园

球体效果

Planetary.js

Planetary.js: Awesome interactive globes for the web
BinaryMuse/planetary.js: Awesome interactive globes for the web

创建粒子背景

ParticlesJS

JS库使用ParticlesJS的简单介绍-js教程-PHP中文网
VincentGarreau/particles.js: A lightweight JavaScript library for creating particles
particles.js - A lightweight JavaScript library for creating particles
VincentGarreau/particles.js: A lightweight JavaScript library for creating particles

页面跳舞

Rythm.js

Rythm.js
Okazari/Rythm.js: A javascript library that makes your page dance.

录制与回访

rrweb

rrweb.io | Open source web session replay library
rrweb-io/rrweb: record and replay the web

rrweb-player

rrweb-io/rrweb-player

rrweb-snapshot

rrweb-io/rrweb-snapshot: rrweb's snapshot and rebuild module

利用现代浏览器所提供的强大 API 录制,回放并保存任意 web 界面中的用户操作 - 掘金

打字机效果

easy-typer-js

pengqiangsheng/easy-typer-js: 功能十分强大打字机插件,文档预览地址:
[JS插件]功能十分强大的打字机效果: easy-typer-js - 掘金

$自动完成插件

awesomplete

LeaVerou/awesomplete: Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
Awesomplete: Ultra lightweight, highly customizable, simple autocomplete, by Lea Verou
www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fleaverou.github.io%2Fawesomplete%2F&h=9500&c=&n=awesomplete
LeaVerou/awesomplete: Ultra lightweight, usable, beautiful autocomplete with zero dependencies.

Bootstrap-3-Typeahead

bassjobsen/Bootstrap-3-Typeahead: The Typeahead plugin from Twitter's Bootstrap 2 ready to use with Bootstrap 3 and Bootstrap 4
bootstrap3-typeahead 文本自动补全填充 - chen_lay的博客 - CSDN博客

jquery表单制作text文本框autocomplete智能搜索提示框效果

$消息通知插件

PNotify

PNotify
sciactive/pnotify: Beautiful JavaScript notifications with Web Notifications support.
PNotify
PNotify

提示系统

enquirer

enquirer/enquirer: Stylish, intuitive and user-friendly prompt system.

Notyf - 超级简单、响应式的 JS 通知插件 - 梦想天空(山边小溪) - 博客园
jQuery通知提示插件overhang.js

$滚动libs & 插件

AnimateScroll

AnimateScroll - jQuery Plugin for Animating Scroll
rampatra/animatescroll.js: A Simple jQuery Plugin for Animating Scroll

better-scroll

ustbhuangyi/better-scroll: inspired by iscroll, and it supports more features and has a better scroll perfermance
BetterScroll by ustbhuangyi
介绍 · better-scroll
当 better-scroll 遇见 Vue - 知乎

body-scroll-lock

willmcpo/body-scroll-lock: Body scroll locking that just works with everything 😏
tuateam/tua-body-scroll-lock: Body scroll locking that just works with everything

iscroll

cubiq/iscroll: Smooth scrolling for the web
iscrolljs.com

mescroll

mescroll/mescroll: 精致的下拉刷新和上拉加载 js框架.支持vue,完美运行于移动端和主流PC浏览器 (JS framework for pull-refresh and pull-up-loading)
mescroll -- 精致的下拉刷新和上拉加载js框架

Swiper

Swiper中文网
swiper - 百度
Swiper 中文API手册(share) - 挨踢前端 - 博客园
SwiperProxy
yanzhenjie/SwipeRecyclerView: RecyclerView侧滑菜单,Item拖拽,滑动删除Item,自动加载更多,HeaderView,FooterView,Item分组黏贴。
SwipeRecyclerView/README.md at master · yanzhenjie/SwipeRecyclerView
nolimits4web/swiper: Most modern mobile touch slider with hardware accelerated transitions
surmon-china/vue-awesome-swiper: 🏆 Swiper component for @vuejs
fex-team/swiper: 轻量的移动端 H5 翻页库
baoyongzhang/SwipeMenuListView: [DEPRECATED] A swipe menu for ListView.
TUBB/SwipeMenu: A swipe menu for horizontal/vertical, support left/right add top/bottom directions
SwipeMenuDemo/README.md at master · Brioal/SwipeMenuDemo
中文api - Swiper中文网
swiper的理解 - 向君 - 博客园
Swiper中文网

ScrollUp

ScrollUp – 超轻量的可定制的回到顶部 jQuery 插件 - 梦想天空(山边小溪) - 博客园

scrollmagic

ScrollMagic ♥ Demo
janpaepke/ScrollMagic: The javascript library for magical scroll interactions.

scrollpath

JoelBesada/scrollpath: A plugin for defining custom scroll paths.
jQuery Scroll Path

scroll-hint

ScrollHint
appleple/scroll-hint: A JS library to suggest that the elements are scrollable horizontally, with the pointer icon.

全屏滚动效果

pagePiling.js - 创建漂亮的全屏滚动效果 - 梦想天空(山边小溪) - 博客园
jQuery全屏滚动插件fullPage.js

旋转木马

Glider.js

NickPiscitelli/Glider.js: A blazingly fast, lightweight, dependency free, minimal carousel with momentum scrolling!
Glider.js - A fast, lightweight carousel alternative

¥signal

gabrielevanini/ppGallery: jQuery gallery
jeremyfry/PikaChoose: jQuery Image Gallery
AviaSlider是一个具有独特过渡效果的jQuery幻灯片插件。
builtbywill/booklet: jQuery Plugin - display web content in a flipbook
Booklet - jQuery Plugin - Home
Solutions-Nitriques/jQuery-easySlider: Our remix of the easySlider jQuery plugin built by Alen Grakalic
daledavies/jQuery-Easy-Slides: Possibly the easiest to use jQuery plugin for making slideshows!
kflorence/jquery-easySlider: This is a modified version of Alen Grakalic's Easy Slider plugin.
CSS-Tricks/AnythingSlider: A jQuery Slider plugin for anything.
AnythingSlider
结合 CSS3 & jQuery 实现精致的 3D 图库
jobyktom/RotatingImageSlider: RotatingImageSlider
vemulvamsy/RotatingImageSlider: RotatingImageSlider
Codeinwp/Nivo-Slider-jQuery: Nivo Slider - The Most Awesome jQuery Image Slider
Getting started with the Nivo Slider jQuery Plugin - ThemeIsle Docs
wpschool/PortfolioImageNavigator
codrops/StackSlider: An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.
codrops/Slicebox: Slicebox is  a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new properties.
ClearWebSolutions/jQuery-3D-slider: jQuery plugin - image 3D slider
jaskiran-chhokar/3D-Image-Slider: A 3d image slider made purely with CSS
3D Image Slider
Slicebox - 3D图片滑块效果
Slicebox - 3D图片滑块效果
nathansearles/Slides: Slides is a crazy simple slideshow plugin for jQuery. With features like looping, auto play, fade or slide transition effects, crossfading, image preloading, and auto generated pagination. With Slides you’ll never see multiple slid
SlidesJS, a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3
TritonHo/slides: it is a repository to store all slides used by Triton Ho's public presentation and course.
jQuery图片模糊插件crossfade.js_dowebok
图片文字滚动插件jQuery Scrollbox
liMarquee – jQuery无缝滚动插件_dowebok
滑动穿透(锁body)终极探索 - 掘金
Improving Scroll Performance with Passive Event Listeners  |  Web  |  Google Developers
Unable to preventDefault inside passive event listener - 前端笔记 - SegmentFault 思否
crazysunj/CardSlideView: 一行代码实现ViewPager卡片效果,支持无限循环
HelloYeah/HYSideViewController: 轻松集成左右侧滑,接口简单.逻辑清晰

$动画libs & 插件

animo.js

ThrivingKings/animo.js: A powerful little tool for managing CSS animations

click-colorful

ColdDay/click-colorful: 点击特效,五颜六色的小球绽放

collie

Collie - High Performance Animation Library for Javascript

favico.js

ejci/favico.js: Make use of your favicon with badges, images or videos
favico.js - Make use of your favicon

FLIP技术

让动画变得更简单之FLIP技术 - 掘金
FLIP技术给Web布局带来的变化_JavaScript, FLIP, Animation, Web动画 教程_w3cplus

fly-js

fly-js - npm

goalProgress

tinacious/goalProgress: :100: Animated progress bar using jQuery to show how close you are to reaching your goal.
Animated Goal Progress Bar jQuery plugin

gifshot

yahoo/gifshot: JavaScript library that can create animated GIFs from media streams, videos, or images
gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images

jsanim

Jsanim.com

jquery_flot_animator

jQuery Flot Animator

jquery.magicmove

maccman/jquery.magicmove: Animate DOM transitions.

JQuery Tip Cards

jQuery Tip Cards by Pete R. | The Pete Design
peachananr/tip_cards: Create a card layout that let your user flip through it like you see on Google Tips

label_better

peachananr/label_better: Label your form input like a boss with beautiful animation and without taking up space
jQuery Label Better by Pete R. | The Pete Design

Lazy Line Painter

camoconnell/lazy-line-painter: A jQuery plugin for path animation using the CSS -
Lazy Line Painter

loda-button

lugolabs/loda-button: jQuery plugin that animates the button icon with CSS3 when loading ...
lugolabs/loda-button-ui: Twist your jQuery UI button

Mosaic jQuery Plugin

Mosaic – Sliding Boxes and Captions jQuery Plugin « Build Internet

motio

Motio

Move.js

Move.js - CSS3 animation framework for JavaScript
visionmedia/move.js: CSS3 backed JavaScript animation framework

minifiedjs

Minified.js - A Truly Lightweight JavaScript Library
timjansen/minified.js: A lightweight library for the Web

rekapi

Home - Documentation
Home - Documentation

s-gallery

S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations — Sara Soueidan – Freelance-Front-End UI/UX Developer

snapsvg

Snap.svg - Home
adobe-webplatform/Snap.svg: The JavaScript library for modern SVG graphics.

Textillate.js

jschr/textillate: A jquery plugin for CSS3 text animations.
Textillate.js
gitWhatever/text-effect: textillate纯js实现版本,包括lettering(文字分离)和textillate(文字动画)的功能。

tweenjs

CreateJS/TweenJS: A simple but powerful tweening / animation library for Javascript. Part of the CreateJS suite of libraries.
TweenJS | A JavaScript library for tweening and animating HTML5 and JavaScript properties.
tween.js 中文使用指南 - 前端小老虎 - 博客园
Inbetweening - Wikipedia
前端急速入门动画库---tweenjs - 掘金

元素运动效果

ScrollReveal

ScrollReveal
scrollreveal/scrollreveal: Animate elements as they scroll into view.
Revealing Elements with scrollReveal.js

wow-js

Reveal Animations When Scrolling — WOW.js
matthieua/WOW: Reveal CSS animation as you scroll down a page

滑块效果

jssor/slider: Touch swipe image slider/slideshow/gallery/carousel/banner mobile responsive bootstrap
viljamis/ResponsiveSlides.js: Simple & lightweight responsive slider plugin (in 1kb)

¥动画库

anijs

anijs/anijs: A Library to Raise your Web Design without Coding.
AniJS, A Library to Raise your Web Design without Coding

bounce.js

tictail/bounce.js: Create beautiful CSS3 powered animations in no time.
Bounce.js

csshake

elrumordelaluz/csshake: CSS classes to move your DOM!

cta.js

chinchang/cta.js: Animate your 'action-to-effect' paths
cta.js - Animate your 'action-to-effect' paths!

gka

gkajs/gka: 一款高效、高性能的帧动画生成工具
gka

GreenSock-JS

greensock/GreenSock-JS: GreenSock's GSAP JavaScript animation library (including Draggable).
GSAP, the standard for JavaScript HTML5 animation | GreenSock

html5tooltipsjs

ytiurin/html5tooltipsjs: Tooltips with smooth 3D animation
html5tooltips.js - Tooltips with smooth 3D animation

ityped

luisvinicius167/ityped: Dead simple Javascript animated typing, with no dependencies.
iType.js | Javascript animated typing, with no dependencies

kute.js

thednp/kute.js: KUTE.js is a native JavaScript animation engine featuring great code quality, badass performance, SVG morphing, stroke drawing and 2D & 3D transforms, CSS3 transforms, colors, as well as other CSS3 properties or presentation attributes.
KUTE.js | Javascript Animation Engine
KUTE.js Features | Javascript Animation Engine
KUTE.js | Javascript Animation Engine

lottie-web

airbnb/lottie-web: Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
Introduction · Lottie

mojs

mojs/mojs: The motion graphics toolbelt for the web
legomushroom/mojs: motion graphics toolbelt for the web
An Introduction to mo.js | CSS-Tricks

parallax

wagerfield/parallax: Parallax Engine that reacts to the orientation of a smart device
parallax.js

popmotion

Popmotion/popmotion: Simple animation libraries for delightful user interfaces
Popmotion/popmotion: Simple animation libraries for delightful user interfaces
Popmotion | JavaScript animation libraries for delightful interfaces

svg动画

Walkway.js – 用线条制作简约的 SVG 动画 - 梦想天空(山边小溪) - 博客园

snabbt.js

snabbt.js

animejs

juliangarnier/anime: JavaScript Animation Engine
anime.js
anime.js • JavaScript animation engine

Sticker.js

Sticker.js
cmiscm/stickerjs

typed.js

mattboldt/typed.js: A JavaScript Typing Animation Library
JavaScript Animated Typing with Typed.js | by Matt Boldt

three.js

Gio.js

syt123450/giojs: 🌏 A Declarative 3D Globe Data Visualization Library built with Three.js
Gio.js

mrdoob/three.js: JavaScript 3D library.
three.js - Javascript 3D library
Jeremboo/animated-mesh-lines: Tutorial and demos for Codrops about how play with the THREE.MeshLine library
brunoimbrizi/interactive-particles
基于three.js的3D炫酷元素周期表 - 掘金
聊一聊 ThreeJS 反锯齿 - 前端 - 掘金
Three.js中的矩阵 - 掘金
Three.js - 利用 JS 进行图片处理并生成对应粒子图 - 掘金
Three.js 技巧和实践总结 - 前端 - 掘金
josdirksen/learning-threejs: Code repository for the examples from the Packt book "Learning Threejs"

velocity

julianshapiro/velocity: Accelerated JavaScript animation.
Incredibly Fast UI Animation Using Velocity.js
The Simple Intro to SVG Animation
Velocity.js

vivus

maxwellito/vivus: JavaScript library to make drawing animation on SVG

滚动滑动切换动画

图片滑动效果

Sequence.js - 适合电子商务网站的图片滑块 - 梦想天空(山边小溪) - 博客园

自定义页面切换

MTransition

basicScroll

electerious/basicScroll: Standalone parallax scrolling for mobile and desktop with CSS variables.
Parallax scrolling with CSS variables | basicScroll

推荐几款制作网页滚动动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
神奇的滚动动画,30个视差滚动网站设计 - 梦想天空(山边小溪) - 博客园
Infinite Scroll - jQuery & WP 无限滚动插件 - 梦想天空(山边小溪) - 博客园

书页翻转效果插件

推荐12款实用的 JavaScript 书页翻转效果插件 - 梦想天空(山边小溪) - 博客园

动画精灵

PixiJS

Learn Pixi.js | Rex van der Spuy | Springer
Zainking/LearningPixi: ⚡️Pixi教程中文版
学习 PixiJS — 动画精灵 - 掘金
学习 PixiJS — 粒子效果 - 掘金
学习 PixiJS — 精灵状态 - 掘金

spriteUtilities

kittykatattack/spriteUtilities: Useful functions for creating and working with sprites in Pixi
https://www.kkkk1000.com/js/spriteUtilities.js

2018年值得期待11个Javascript动画库 - 前端 - 掘金
10个最好的 JavaScript 动画库和开发框架 - 梦想天空(山边小溪) - 博客园
Space.js – HTML 驱动的页面 3D 滚动效果 - 梦想天空(山边小溪) - 博客园
Demo | MoveTo.js
【精心挑选】帮助你实现元素动画的6款插件 - 梦想天空(山边小溪) - 博客园
2019年 值得收藏的 15 个 JavaScript 和 CSS 动画库-WEB前端开发
Inspiration: 10 Examples of Pure CSS Animation on CodePen

$事件libs & 插件

¥JS键盘事件处理库

hotkeys

jaywcjlove/hotkeys: ➷ A robust Javascript library for capturing keyboard input. It has no dependencies.
git.io

jQuery.Hotkeys

jeresig/jquery.hotkeys: jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination.

jwerty

jwerty - Awesome handling of keyboard events
keithamus/jwerty: ⌨ Awesome handling of keyboard events

js-shortcuts

stepanvr/js-shortcuts: JavaScript Shortcuts Library
JavaScript Shortcuts Library (jQuery plugin)

jquery.beeline

map7/jquery.beeline: jquery shortcut key plugin

jquery-shortcuts

ambethia/jquery-shortcuts: A very lightweight approach to keyboard shortcuts (hotkeys) with jQuery

jKey

jKey Samples

Keymage

piranha/keymage: Yet Another JS Keybinding library

KeyboardJS

RobertWHurst/KeyboardJS: A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.

keymaster

madrobby/keymaster: A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.

keyboard_shortcuts

Handling Keyboard Shortcuts in JavaScript

keyboard.backbone.js

mathphreak/keyboard.backbone.js: Keyboard shortcuts tied into Backbone.js

Kibo

marquete/kibo: A simple JavaScript library for handling keyboard events.

key-board-short-cuts

pantuza/key-board-short-cuts: A simple example of key boards shortcuts implementation with javaScript

keys.js

bitwalker/keys.js: Easy keybindings for browser applications!
Keys.js - Introduction

Keypress

Keypress: A Javascript library for capturing input
dmauro/Keypress: A keyboard input capturing utility in which any key can be a modifier key.

kbnav

vadimg/kbNav: Keyboard navigation for the web.

keycode.js

nostrademons/keycode.js: A library for cross-browser normalization of keyboard events
kabirbaidhya/keycode-js: A javascript package with Key Code constants.

keyutils

Ryan724/keyutils: JavaScript针对键盘事件监听处理的工具库

keyCode对照表

KeyCode 对照表 - 蜂蜂的专栏 - CSDN博客
keycode值对照表 - 暖心少年 - CSDN博客
keycode键盘 按键 - 键码 对应表 - Yiven - 博客园
Keycode对照表(键码对照表) - 青春阳光 - 博客园
keyCode对照表及JS监听组合按键 - 笨小孩 - CSDN博客
如何用JS获取键盘上任意按键的值?兼容FireFox和IE js获取键盘ASCII码?js键盘事件全面控制 - 编程风云 - 博客园
js键盘按钮keyCode及示例大全 - 我的过去 - 博客园

Mousetrap

Mousetrap - Keyboard shortcuts in Javascript
ccampbell/mousetrap: Simple library for handling keyboard shortcuts in Javascript

okShortcut(jQuery.shortcut.add 和 jQuery.shortcut.remove)

[okShortcut] Add example page · okbreathe/jquery_plugins@3e17bff

UserKeyboardShortcuts

re5et/UserKeyboardShortcuts: MooTools plugin to makes it easy for you to provide local user-customizable keyboard shortcuts for your users

20个优秀的 JavaScript 键盘事件处理库 - 梦想天空(山边小溪) - 博客园
JavaScript屏蔽Backspace键 - 孤傲苍狼 - 博客园
JavaScript捕获同时多个按键-非组合键_正经的博客-CSDN博客

¥Resize Observer

resize-observer-polyfill

que-etc/resize-observer-polyfill: A polyfill for the Resize Observer API

hustcc/size-sensor: ~1 Kb, DOM element size sensor which will callback when size changed.
juggle/resize-observer: Polyfills the ResizeObserver API and supports box size options from the latest spec.
vincentriemer/native-css-layout-animation-poc
mjdease/preact-resize-observer: Element resize event for Preact
Chomtana/EventX-ResizeObserver-event: Allow programmer to bind resize event for DOM or HTML element in very simple syntax (You can also use JQuery to bind resize event).

¥鼠标滚轮事件

JS判断鼠标向上滚动还是向下滚动-JavaScript/JQuery-代码家园
JQuery鼠标滚轮事件 - dantegarden的专栏 - CSDN博客
javascript监听鼠标滚轮事件浅析_javascript技巧_脚本之家
jquery 鼠标滚轮事件 插件 Mousewheel - DoittioD - 博客园
JS鼠标滚轮事件详解 - caoruiy - 博客园
js对于鼠标滚轮事件的监听 - 九层之台,起于累土 千里之行,始于足下 - CSDN博客
jquery/jquery-mousewheel: A jQuery plugin that adds cross-browser mouse wheel support.
jQuery 鼠标滚轮事件 - 吕岳阳 - 博客园
JS事件-鼠标滚轮事件 - 每天进步一点点 - CSDN博客
jquery监听鼠标滚轮(滚动)事件 - leon-这个程序员不闷骚的博客 - CSDN博客

¥触摸

hammer.js

hammerjs/hammer.js: A javascript library for multi-touch gestures :// You can touch this
Hammer.JS - Hammer.js

pressure

stuyam/pressure: JavaScript library for handling Force Touch, 3D Touch, and Pointer Pressure.
Pressure.js

¥拖拽

draggabilly

desandro/draggabilly: Make that shiz draggable
Draggabilly

draggable

Shopify/draggable: The JavaScript Drag & Drop library your grandparents warned you about.
Draggable JS – JavaScript drag and drop library

dragula

bevacqua/dragula: Drag and drop so simple it hurts
dragula - Browser drag-and-drop so simple it hurts

drop

HubSpot/drop: A library for creating dropdowns and other floating elements. #hubspot-open-source
Drop

DragDrop

kbjr/DragDrop: A JavaScript micro-framework for adding drag-and-drop functionality to elements for advanced UI development
Dragdrop by kbjr

interact.js

taye/interact.js: JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)
interact.js - JavaScript drag and drop, resizing and gestures

¥拖拽教程

一步步实现网页图片的手势拖拽与缩放 - 掘金
drag与drop事件 - 上善若水 水养金鱼 - CSDN博客
JavaScript ondragstart、ondragenter、ondragover 、ondrop、ondragend - ssisse的博客 - CSDN博客
HTML5--拖动02-dragstart、drag、dragenter、dragover、dragleave、drop、dragend属性 - 第二天半 - 博客园
原生拖拽,拖放事件(drag and drop) - 笔记 - SegmentFault 思否

Selection.js

Simonwep/selection: Selection - A simple and lightweight library to realize visual DOM Selections, like on your Desktop. No jQuery. Supports any CSS library, e.g. Bootstrap.
Selection.js

mark-rolich/Dragdrop.js: This Javascript package implements drag-n-drop functionality in a browser
codrops/DragDropInteractions: Some inspiration for drag and drop interactions for the modern UI.
Bernardo-Castilho/dragdroptouch: Polyfill that enables HTML5 drag drop support on mobile (touch) devices.
StackHive/DragDropInterface: A Cross frame drag and drop interface for web browsers
StackHive - Faster front-end design and developmen
One-com/knockout-dragdrop: A drag and drop binding for Knockout.
sunshine940326/sortable: 可拖放的sort插件

¥屏幕捕捉

screenshoteer

vladocar/screenshoteer: Make website screenshots and mobile emulations from the command line.

基于H5实现的屏幕捕捉库

JSCapture – 基于 HTML5 实现的屏幕捕捉库 - 梦想天空(山边小溪) - 博客园

JavaScript-screenshot

usecodelee/JavaScript-screenshot: JavaScript implementation of a screenshot with html2canvas.js and canvas2image.js

¥滚屏事件

scrollama

russellgoldenberg/scrollama: Scrollytelling with IntersectionObserver.
Scrollama Demo: Basic

uos

vaneenige/uos: 🐭 A tiny 250b scroll listener with progress.
uos - npm

scroll-out

ScrollOut
scroll-out/scroll-out: ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!

¥事件代理

eventproxy

JacksonTian/eventproxy: An implementation of task/event based asynchronous pattern.
eventproxy Documentation
eventproxy.js
https://raw.githubusercontent.com/JacksonTian/eventproxy/master/lib/eventproxy.js

events-proxy

JohnApache/events-proxy: javascript 自定义事件代理

¥事件中心、监听、派发、发布订阅、事件驱动

event listener

delegated-events

dgraham/delegated-events: A small, fast delegated event library for JavaScript.

zurb/reactive-listener
cferdinandi/events: A tiny event delegation library.
wnr/element-resize-detector: Optimized cross-browser resize listener for elements.
mona-events - npm

event emitter lib

tiny-emitter

scottcorgan/tiny-emitter: A tiny (less than 1k) event emitter library

EventEmitter

Olical/EventEmitter: Evented JavaScript for the browser

EventUtil

xiaomoinfo/EventUtil: 跨浏览器事件处理函数(keywords: 前端学习使用资料笔记摘要源代码note learn
EventUtil——跨浏览器的事件对象 - 黄映焜 - 博客园

hub.js

yyued/hub.js: Through a simple way to deal with the event flow.
hub.js | Through a simple way to deal with the event flow.
hub.js/README.zh-CN.md at master · yyued/hub.js

PubSubJS

mroderick/PubSubJS: Dependency free publish/subscribe for JavaScript

DDFE/events: 事件管理中心,用于全局监听,派发事件

¥手势库

any-touch

any86/any-touch: 一个手势库, 支持PC / 手机端
🖐 AnyTouch

¥缩放插件

zoom.js

zoom.js:一款效果很独特的页面内容缩放插件 - 梦想天空(山边小溪) - 博客园

浏览器全屏

screenfull.js

sindresorhus/screenfull.js: Simple wrapper for cross-browser usage of the JavaScript Fullscreen API
screenfull.js demo

fullPage.js

alvarotrigo/fullPage.js: fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple

¥拖放排序插件

Sortable

Sortable. No jQuery.
RubaXa/Sortable: Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React, Polymer, Knockout and any CSS library, e.g. Bootstrap.

Slip.js

kornelski/slip: Slip.js — UI library for manipulating lists via swipe and drag gestures

This is 多媒体 & AI & AR类

¥AR

AR.js

jeromeetienne/AR.js: Efficient Augmented Reality for the Web - 60fps on mobile!
AR用AR.js做一個讓另對方 喔喔喔喔! 的小卡片吧! - 髒桶子~ - Medium

¥AI

ai-edu

microsoft/ai-edu: AI education materials for Chinese students, teachers and IT professionals.

¥tensorflow

tensorflow core

xitu/tensorflow-docs: TensorFlow 最新官方文档中文版 V1.10
开始
TensorFlow.js
tensorflow/tfjs-core: WebGL-accelerated ML // linear algebra // automatic differentiation for JavaScript.

alexa-sign-language-translator

shekit/alexa-sign-language-translator: A project to make Amazon Echo respond to sign language using your webcam

tensorflow/magenta-js: Magenta.js: Music and Art Generation with Machine Intelligence in the Browser
justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser with tensorflow.js

前端代码是怎样智能生成的

前端代码是怎样智能生成的-智能插件篇
前端代码是怎样智能生成的-图像分离篇
前端代码是怎样智能生成的-组件识别篇
前端代码是怎样智能生成的-业务模块识别篇

¥MimeType

rsdoiel/mimetype-js: A mime type catalog for mapping file extensions to their mime type string.

¥music

amplitudejs

521dimensions/amplitudejs: Amplitude.js is the HTML5 Audio Player for the modern era. No dependencies required.
AmplitudeJS: The Open Source HTML5 Audio Player For The Modern Era

chrome-music-lab

googlecreativelab/chrome-music-lab: A collection of experiments for exploring how music works, all built with the Web Audio API.
https://musiclab.chromeexperiments.com

lyric-parser

ustbhuangyi/lyric-parser: lyric-parser base on javascript

quiet-js

quiet/quiet-js: Transmit data with sound using Web Audio -- Javascript binding for libquiet

slang

kylestetz/slang: 🎤 a simple audio programming language implemented in JS
slang.kylestetz.com

Tone.js

Tonejs/Tone.js: A Web Audio framework for making interactive music in the browser.
Tone.js

WebAudio

cwilso/WebAudio: Web Audio API Playground
doving/webAudio: 利用webAudio,canvas,CSS3制作的自适应的音乐可视化应用,移动端、pc端通用
surikov/webaudiofont: Use full GM set of musical instruments to play MIDI and single sounds or effects. Support for reverberation and equaliser. No plugins, no Flash. Pure HTML5 implementation compatible with desktop and mobile browser. See live examples.
jeromeetienne/webaudiox: helpers for WebAudio API
notthetup/awesome-webaudio: A curated list of awesome WebAudio packages and resources.
g200kg/webaudio-controls: GUI parts library for Web application using WebComponents
jhalme/webaudio-mod-player: MOD/S3M/XM module player for Web Audio
Jam3/web-audio-player: a cross-browser WebAudio player
jeromeetienne/webaudio.js: web audio library for games
spite/WebAudioExtension: Google Chrome DevTools extension to view and hopefully interact with the routing graph of Web Audio API

基于 Web 的数字音频工作站

¥video

video.js

videojs/video.js: Video.js - open source HTML5 & Flash video player
Video.js: The Player Framework

flv.js

Bilibili/flv.js: HTML5 FLV Player

xgplayer

bytedance/xgplayer: A Web video player with a parser that saves traffic
西瓜播放器

MoePlayer

MoePlayer/APlayer: Wow, such a beautiful HTML5 music player
MoePlayer/DPlayer: Wow, such a lovely HTML5 danmaku video player

This is 功能类

$web功能类

¥Gremlins.js – 模拟用户随机操作的JS测试库

Gremlins.js – 模拟用户随机操作的 JS 测试库 - 梦想天空(山边小溪) - 博客园
marmelab/gremlins.js: Monkey testing library for web apps and Node.js

¥HighLight

PrismJS

PrismJS/prism: Lightweight, robust, elegant syntax highlighting.
Prism.js
Prism
SamyPesse/draft-js-prism: Code highlighting for DraftJS using Prism
addyosmani/prism-js: A Polymer element for syntax highlighting with Prism.js
ele828/hexo-prism-plugin: Hexo plugin for code highlighting by prism.js, supporting JSX syntax
egoist/vue-prism-component: highlight code using prism.js and vue component
JaxsonWang/Prism.js-Style
withspectrum/draft-js-prism-plugin: Add syntax highlighting support to your DraftJS editor

Plugins

Download ▲ Prism
Extending Prism ▲ Prism
Line highlight ▲ Prism plugins
Line Numbers ▲ Prism plugins
Show Invisibles ▲ Prism plugins
Autolinker ▲ Prism plugins
WebPlatform Docs ▲ Prism plugins
Custom Class ▲ Prism plugins
File Highlight ▲ Prism plugins
Show Language ▲ Prism plugins
JSONP Highlight ▲ Prism plugins
Highlight Keywords ▲ Prism plugins
Remove initial line feed ▲ Prism plugins
Previewers ▲ Prism plugins
Autoloader ▲ Prism plugins
Keep markup ▲ Prism plugins
Command Line ▲ Prism plugins
Unescaped markup ▲ Prism plugins
Normalize Whitespace ▲ Prism plugins
Data-URI Highlight ▲ Prism plugins
Toolbar ▲ Prism plugins
Copy to Clipboard ▲ Prism plugins

highlight.js

highlightjs/highlight.js: Javascript syntax highlighter
highlight.js - npm
highlight.js
highlight.js developer documentation — highlight.js 9.12.0 documentation
CSS classes reference — highlight.js 9.12.0 documentation
highlight.js/AUTHORS.en.txt at master · highlightjs/highlight.js

高亮:单关键词、多关键词、多组多关键词,从简单到复杂实现满足多方面需求的页面关键词高亮 - 掘金

¥js 引擎

quickjs

QuickJS Javascript Engine

JS游戏引擎

akihabara

Akihabara
kesiev/akihabara: A game engine for making classic arcade style games using Javascript and HTML5. We're starting moving on a re-organized repo here: https://github.com/akihabara

Aves

Aves: an HTML & Javascript game engine - Wonderland

boardgame

Overview - boardgame.io
nicolodavis/boardgame.io: Open Source Game Engine for Turn-Based Games

CreateJS

EaselJS

CreateJS/EaselJS: The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.

Create.js - Make anything editable
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5

Crafty.js

Crafty - JavaScript Game Engine, HTML5 Game Engine
craftyjs/Crafty: JavaScript Game Engine

cocos2d-javascript

ryanwilliams/cocos2d-javascript: An HTML5 / JavaScript port of the Cocos2D graphics engine
Website is not available

clanfx

The ClanFX Javascript Game Engine download | SourceForge.net

cssgameengine

cssgameengine

copperlicht

CopperLicht - JavaScript/WebGL 3D library

enchant.js

enchant.js - A simple JavaScript framework for creating games and apps.
wise9/enchant.js: A simple JavaScript framework for creating games and apps

gamequeryjs

gameQuery - a javascript game engine with jQuery
onaluf/gameQuery: a javascript game engine with jQuery

gogomakeplay

About Me - GogoMakePlay.com

gamejs

Home
GameJs/gamejs: GameJs is a thin library on top of the HTML canvas element. In addition to the drawing functions it has a set of generally helpful modules for game development.

jsgamesoup

jsgamesoup

J5g3

j5g3 - HTML5 Game Development Tools
j5g3/docma: Javascript documentation tool.

jawsjs

Jaws » HTML5 Javascript game engine / development library

limejs

LimeJS HTML5 Game Framework
digitalfruit/limejs: HTML5 game framework for web and iOS

moleculejs

Molecule JS | Tech and Internet Service Jargon That Sometimes Makes Sense – Tech and Internet Service Jargon

phaser

Phaser - A fast, fun and free open source HTML5 game framework
Tutorial: How to Make Flappy Bird in HTML5 With Phaser 1

quintus

Quintus JavaScript HTML5 Game Engine
cykod/Quintus: HTML5 Game Engine

Starling JS

Starling JS - The Open Source Game Engine for JavaScript

TheRenderEngine

bfattori/TheRenderEngine: Currently rewriting in ES6 and removing a lot of old polyfills
Therenderengine by bfattori

Popmotion – 小巧,灵活的 JavaScript 运动引擎 - 梦想天空(山边小溪) - 博客园

2D物理引擎

Matter.js – 你不能错过的 2D 物理引擎 - 梦想天空(山边小溪) - 博客园

Verlet-js

subprotocol/verlet-js: A simple Verlet physics engine written in javascript

快速可靠的实时引擎

Socket.IO 1.0 正式发布,快速可靠的实时引擎 - 梦想天空(山边小溪) - 博客园

Popmotion – 小巧,灵活的 JavaScript 运动引擎 - 梦想天空(山边小溪) - 博客园

¥RSS

RSS 生成器

RSSHub

DIYgod/RSSHub: 🍰 万物皆可 RSS

¥Web 动态热图

Heatmap.js v2.0 – 最强大的 Web 动态热图 - 梦想天空(山边小溪) - 博客园

¥平台,OS,IP或浏览器相关

检测平台、IP、操作系统、MAC、主机名、机型与方向信息

判断浏览器类型及版本

JavaScript判断浏览器类型及版本(整理) - sunny的专栏 - CSDN博客
2016年最常见浏览器的 UA(User Agent/用户代理)目测很全面 - AE博客|墨渊
JavaScript获取浏览器类型与版本 - 孤傲苍狼 - 博客园

browser

mumuy/browser: Useragent analysis tool.浏览器分析判断工具 - 用户代理、操作系统信息

device.js

borismus/device.js: Semantic client-side device detection with Media Queries
device.js

用户代理检测与浏览器Ua详细分析 - 黄映焜 - 博客园
User Agent - HTTP服务器识别OS操作系统 Web浏览器版本的用户代理
JavaScript 判断 iPhone X Series 机型 - 掘金
JS获取客户端IP地址、MAC和主机名的7个方法汇总_javascript技巧_脚本之家
Browser detection using the user agent - HTTP | MDN

current-device

current-device
matthewhudson/current-device: The easiest way to write conditional CSS and/or JavaScript based on device operating system (iOS, Android, Blackberry, Windows, Firefox OS, MeeGo), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile).

mobile-detect.js

hgoebl/mobile-detect.js: Device detection (phone, tablet, desktop, mobile grade, os, versions)
mobile-detect.js | Device detection (phone, tablet, desktop, mobile grade, os, versions)

检测浏览器、UserAgent

ray-lothian/UserAgent-Switcher: UserAgent Switcher is a browser extension to spoof & mimics User-Agent strings

ua-device

fex-team/ua-device: userAgent解析库
ua-device.js - ua-device.js

检测过时浏览器

Outdated Browser

判断网页是闲置还是活动

ifvisible.js

serkanyersen/ifvisible.js: [TypeScript port available in beta] Crossbrowser & lightweight way to check if user is looking at the page or interacting with it.
Ifvisible.js by serkanyersen

快速响应页面滚动操作

headroom.js

Hide your header on scroll - Headroom.js
WickyNilliams/headroom.js: Give your pages some headroom. Hide your header until you need it

os.js

OS.js – 开源的 Web OS 系统,赶快来体验 - 梦想天空(山边小溪) - 博客园

¥移动 Web App 开发的 JS 界面库

appjs/appjs: (Deprecated!) SDK on top of nodejs to build desktop apps using HTML5/CSS/JS
AppJS
Home · appjs/appjs Wiki
App.js 让移动应用更简单 | 菜鸟教程
WebApp UI框架App.js的入门介绍和使用手册 - 25学堂
AppJS首页、文档和下载 - 开发桌面应用的 JS 库 - 开源中国

¥在应用程序中轻松实现引导功能

Shepherd – 在应用程序中轻松实现引导功能 - 梦想天空(山边小溪) - 博客园

¥协作编辑

ShareJS

josephg/ShareJS: Collaborative editing in any app

¥浏览器行为

¥route

ribbitjs/ribbit: Standalone CLI for easy static file generating and route management.

¥web爬行和抓取库

apifytech/apify-js: Apify SDK: The scalable web crawling and scraping library for JavaScript. Enables development of data extraction and web automation jobs (not only) with headless Chrome and Puppeteer.
apify - npm

¥存储、异步存储

cookie

js-cookie

js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies

cookie填充内容

JS Cookie 中文乱码

[转]JS Cookie 中文乱码 - Seasons1987 - 博客园
js读写cookie方式以及中文乱码问题 - CSDN博客

jquery.cookie.js操作cookie实现记住密码功能 - 一刀3段 - ITeye博客
jquery.cookie.js操作cookie实现“记住密码” - 横江东来 - 博客园
jQuery cookie 实现记住用户名和密码功能 - 冯叶青 - 博客园
jquery.cookie.js实现用户登录保存密码功能的方法_jquery_脚本之家
jquery.cookie.js实现cookie记住用户名和密码 - lindaZ - 博客园
通过jquery.cookie.js实现记住用户名、密码登录功能 - CSDN博客
jquery.cookie用法详细解析_jquery_脚本之家
HTML5学习之关于Cookie的expires过期时间无效分析 - CSDN博客
正确使用 cookie 的 expires - CSDN博客
Cookie的过期时间的是哪里的时区?-CSDN问答
JS设置cookie、读取cookie、删除cookie_javascript技巧_脚本之家
不同浏览器Cookie有效期问题 - CSDN博客

傻傻分不清之 Cookie、Session、Token、JWT - 掘金
一文带你看懂cookie,面试前端不用愁 - 掘金
怎样与 CORS 和 cookie 打交道 - 掘金
我遇过的最难的Cookie问题 - 掘金
关于前后端写入Cookie时domain的一个问题 - 掘金
京东购物小程序cookie方案实践 - 掘金

HTML5-离线缓存

网络应用清单  |  Web  |  Google Developers
Manifesto - An HTML5 Offline Application Cache verification bookmarklet
HTML5-离线缓存(Application Cache) - 前端 - 掘金
聊一聊 H5 应用缓存 - Manifest - 掘金
html5 manifest 离线缓存 - 前端 - 掘金
解锁缓存新姿势——更灵活的 Cache - 掘金
PWA之前端项目,实现可安装、离线缓存、消息推送 - 掘金
Android Webview H5 秒开方案实现 - 掘金
[译]前端离线指南(上) - 掘金
[译]前端离线指南(下) - 掘金

indexeddb

IndexedDBShim

axemclion/IndexedDBShim: A polyfill for IndexedDB using WebSql

Dexie.js

dfahlander/Dexie.js: A Minimalistic Wrapper for IndexedDB
Dexie.js - Minimalistic IndexedDB Wrapper

IndexedDB

w3c/IndexedDB: Indexed Database API
Indexed Database API 3.0

idb

jakearchibald/idb: IndexedDB, but with promises
idb - npm

angular-indexedDB

webcss/angular-indexedDB: An angularjs serviceprovider to utilize indexedDB with angular

indexeddb-backbonejs-adapter

superfeedr/indexeddb-backbonejs-adapter: An indexedDB adapter for Backbonejs
Superfeedr Blog - Backbonejs adapter for IndexedDB

IDBWrapper

jensarps/IDBWrapper: A cross-browser wrapper for IndexedDB
IDBWrapper

angular2-indexeddb

gilf/angular2-indexeddb: angular2-indexeddb is a library that wraps indexeddb database in an Angular service.

level-js

Level/level-js: An abstract-leveldown compliant store on top of IndexedDB.

db

ngrx/db: RxJS powered IndexedDB for Angular apps

JsStore

ujjwalguptaofficial/JsStore: JsStore is an IndexedDB Wrapper. It makes IndexedDB super easy with its SQL like apis.
JsStore - Think in SQL and do in JS

treo

treojs/treo: Consistent API to IndexedDB
treojs.com

zangodb

erikolson186/zangodb: MongoDB-like interface for HTML5 IndexedDB
Index

idb.filesystem.js

ebidel/idb.filesystem.js: HTML5 Filesystem API polyfill using IndexedDB
idb.filesystem.js - npm

jquery-indexeddb

axemclion/jquery-indexeddb: An IndexedDB Plugin for Jquery.
Jquery IndexedDB Plugin

HTML5 IndexedDB本地储存-H5教程-PHP中文网
HTML5本地存储——IndexedDB(一:基本使用) - 谦行 - 博客园
HTML5本地存储——IndexedDB(二:索引) - 谦行 - 博客园
IndexedDB(一:基本使用) - 掘金

jsCache

mortzdk/jsCache: jsCache is a javascript library that enables caching of javascripts, css-stylesheets and images using my localStorage polyfill. This is especially useful when serving your website for mobile phones, which has limited HTTP caching availabl

StorageEvent

storage - Web API 接口参考 | MDN
谈谈StorageEvent - 掘金
localStorage变更事件当前页响应新解-awen - cczw - 博客园

WebStorage

localStorage

machao/localStorage: 全浏览器兼容localStorage组件

localForage--实现 Web 离线存储

localForage——轻松实现 Web 离线存储 - 梦想天空(山边小溪) - 博客园
localForage/localForage: 💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
localForage

store.js

store.js - 轻松实现本地存储(LocalStorage) - 梦想天空(山边小溪) - 博客园
marcuswestin/store.js: Cross-browser storage for all use cases, used across the web.

store

nbubna/store: A better way to use localStorage and sessionStorage

使用异步存储提升 Web 应用程序的离线体验

使用异步存储提升 Web 应用程序的离线体验 - 梦想天空(山边小溪) - 博客园
scotttrinh/angular-localForage: Angular service & directive for https://github.com/mozilla/localForage (Offline storage, improved.)
tkh44/react-localforage: 👨‍🌾 Declarative localForage in React
genkgo/ember-localforage-adapter: Offline usage for Ember Data, based on localstorage adapter, but now uses Mozilla's localforage as data source
thgreasi/localForage-cordovaSQLiteDriver: SQLite driver for Cordova apps using localForage.
alekseykulikov/storage: Asynchronous browser storage with multiple back-ends (IndexedDB, WebSQL, localStorage)
shidianxia/vue-localforage: A simple Vue plugin wrapped from localForage.
localForage/localForage-backbone: Backbone.js driver for the localForage offline storage library

📦 首个浏览器内置模块 kv-storage 异步版的 localStorage - 掘金

技术周刊(2019-01-14 客户端存储 ) - 掘金
实现本地跨域存储 - 掘金

¥新窗口

pennywise

browser-js

kud/browser-js: A sugar for your browser.

¥使用声音控制网站

voix.js

Voix JS Component
pazguille/voix: A JavaScript library to add voice commands to your sites, apps or games.

¥管理会话历史记录

history

history源码解析-管理会话历史记录 - 掘金
ReactTraining/history: Manage session history with JavaScript
手把手带你上react-router的history车 - 掘金
blog/analysis/history at master · sihai00/blog
history - npm

history.js

browserstate/history.js: History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState. Supports jQuery, MooTools and Prototype. For HTML5 brow
History.js

¥pushState

pushy

kibu-australia/pushy: Clojurescript library for quick and easy HTML5 pushState

jquery-ajaxy

balupton/jquery-ajaxy: jQuery Ajaxy aims at solving complicated AJAX Paradigms by providing you with a easy managed solution to bind into page state (URL Hash) changes, AJAX form submits, and support AJAX links.
jQuery Ajaxy

jquery-history

balupton/jquery-history: Super-seeded by github.com/balupton/history.js - jQuery History allows you to easily track changes of the pages state by tracking URL Hashes. Supports changes triggered by bookmarks and back & forward buttons, as well as cross bro
jQuery History - Simple History Handler/Remote for Hash, State, Bookmarking, and Forward Back Buttons

loadify.js

aeurielesn/loadify.js: Loadify.js = jQuery + Anchors + Ajax + HTML5 History API.

¥页面预加载

prerender

prerender/prerender: Node server that uses Headless Chrome to render a javascript-rendered page as HTML. To be used in conjunction with prerender middleware.

prerender-spa-plugin

chrisvfritz/prerender-spa-plugin: Prerenders static HTML in a single-page application.

prerender-node

prerender/prerender-node: Express middleware for prerendering javascript-rendered pages on the fly for SEO

quicklink

GoogleChromeLabs/quicklink: ⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time
Quicklink
【漫游Github】quicklink 的实现原理与给前端的启发 - 掘金
quicklink 为你的页面实现秒开 - 掘金

vue-seo-prerender

snipcart/vue-seo-prerender: Vue.js Tutorial: A Prerendered, SEO-Friendly Example
Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example - Snipcart

CSR、SSR、Prerender 原理全解密 - 掘金

¥分享功能

share.js

overtrue/share.js: 一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等

$绘图plugins

apexcharts.js

Installation – ApexCharts
apexcharts/apexcharts.js: A JavaScript Chart Library
ApexCharts.js – Open-Source HTML5 JavaScript Charts

anychart

anychart core

Overview | AnyGantt - Powerful HTML5 Gantt, Resource and PERT charts
Gallery | AnyGantt | Powerful HTML5 Gantt, Resource and PERT charts

AwesomeChartJS

AwesomeChartJS
cyberpython/AwesomeChartJS: A simple JavaScript chart rendering library

amcharts

JavaScript Charts & Maps - amCharts

aristochart

Aristochart - Sophisticated Javascript charts.

arborjs

arbor.js
samizdatco/arbor: a graph visualization library using web workers and jQuery

antv

蚂蚁数据可视化 - AntV
AntV team

ArcGIS

ArcGIS API for JavaScript | ArcGIS for Developers (Latest)
ArcGIS API for JavaScript - ArcGIS知乎-新一代ArcGIS问答社区
ArcgisAPIforJavascript入门(一) - Javascript教程_JS教程_技术文章 - 红黑联盟
arcgis for js 添加点、添加圆、添加面、添加线 - 前端林三哥 - CSDN博客
arcgis api for js - 随笔分类 - GIS之家 - 博客园
【ArcGIS for JS基础教程】 - 牛健平 - 在线视频教程-CSDN学院
ArcGIS for JavaScript学习(一) - 锋aa - 博客园
arcgis for js 小功能组件大集合 - 前端林三哥 - CSDN博客
ArcGIS API for JavaScript 3.27

bonsai

uxebu/bonsai: BonsaiJS is a graphics library and renderer
BonsaiJS - A Graphics Library

bluff

Bluff: Beautiful graphs in JavaScript

bpmn.js

Web-based tooling for BPMN, DMN and CMMN | bpmn.io
bpmn.io
全网最详bpmn.js教材 - 掘金
全网最详bpmn.js教材-基础篇 - 掘金
全网最详bpmn.js教材-http请求篇 - 掘金
全网最详bpmn.js教材-事件篇 - 掘金
全网最详bpmn.js教材-自定义palette篇 - 掘金
全网最详bpmn.js教材-自定义renderer篇 - 掘金
全网最详bpmn.js教材-自定义contextPad篇 - 掘金
全网最详bpmn.js教材-编辑、删除节点篇 - 掘金
全网最详bpmn.js教材-封装组件篇 - 掘金
全网最详bpmn.js教材-properties篇 - 掘金
全网最详bpmn.js教材-properties-panel篇(上) - 掘金
bpmn-io/bpmn-moddle: Read and write BPMN 2.0 XML from JavaScript.
在vue中使用bpmn-js(进阶) - 掘金

css-doodle

css-doodle/css-doodle: 🎨 A web component for drawing patterns with CSS.
<css-doodle />

canvasxpress

canvasXpress

canvasjs

Beautiful HTML5 JavaScript Charts | CanvasJS

Cytoscape.js

cytoscape/cytoscape.js: Graph theory / network library for visualisation and analysis
Cytoscape.js

Chart.js

chartjs/Chart.js: Simple HTML5 Charts using the <canvas> tag

d3

d3-dag

erikbrinkman/d3-dag: Layout algorithms for visualizing directed acyclic graphs

d3/d3: Bring data to life with SVG, Canvas and HTML.
D3.js - Data-Driven Documents
d3.js关于比例尺报Cannot read property 'linear' of undefined错误的解决方法 - CSDN博客
MetricGraphics.js – 时间序列数据的可视化 - 梦想天空(山边小溪) - 博客园
D3可视化:(1)初次见面,SVG与D3的魅力 - 掘金
D3可视化:(2)Bar Chart with D3js - 掘金

dynatable

Dynatable.js - jQuery plugin for HTML5+JSON interactive tables and more
alfajango/jquery-dynatable: A more-fun, semantic, alternative to datatables

dc.js

dc.js - Dimensional Charting Javascript Library
dc-js/dc.js: Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js

dygraphs

dygraphs.com
danvk/dygraphs: Interactive visualizations of time series using JavaScript and the HTML canvas tag

datavjs

TBEDP/datavjs: DataV

DataV

DataV-Team/DataV: Vue数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新(React版已发布)
DataV
DataV-Team/DataV-React: React数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新

echarts

echarts-core

apache/incubator-echarts: A powerful, interactive charting and visualization library for browser
ecomfe/echarts: A powerful, interactive charting and visualization library for browser
Apache ECharts (incubating)
ECharts 数据可视化实验室
Apache ECharts (incubating)
ECharts
ECharts Documentation
ECharts · Doc

echarts options

Echarts(二、柱状图(各参数详细描述)) - CSDN博客
浅谈Echarts 使用配置 - CSDN博客
ECharts属性设置 - CSDN博客

echarts map

echarts-map

kidddfu/echarts-map: 😱ECharts的map资源,js及json。ECharts Map。

合并地图上的区域

ECharts合并地图上的区域 - 超频化石鱼的博客 - CSDN博客
Echarts3之全国地图和省市地图二合一整合 - ZT的专栏 - CSDN博客
Echarts地图合并提取 - 萝卜丶dada - CSDN博客
Echarts地图相关功能整合 - 花飘万家雪 - CSDN博客
Echarts地图详解(地图样式、合并地图、增加地图) - qq_21963133的博客 - CSDN博客

resource

echarts各省份地图合并成一个JS文件-CSDN下载
echarts地图扩展中国分区域geoJSON地图数据-CSDN下载

demo

【echarts】--地图添加边界,图层的叠加以及散点图的实现 - lyn - CSDN博客
Echarts实现地图下钻+对应区域数据展示+右键返回上一级 - 逆水行舟,不进则退 - CSDN博客
ECharts中国地图篇-名称经纬度调整 - 唐策的博客 - CSDN博客
ECharts Demo

4个Web前端经典实用绝对值得学习收藏的地图实现模板(一)-CSDN下载
china.js实现中国地图 - CSDN博客
echarts地图全国省份js资源-CSDN下载
ECharts的map资源,js及json。ECharts Map-CSDN下载
echarts china map-CSDN下载
echarts 中国地图 china.js SVG 地图-CSDN下载
Openlayers4.6.3模仿迁徙图 - 未来的大神 - 简书
使用echarts模拟迁徙图 - 掘金

demo

ECharts Gallery
ECharts Gallery
ECharts Gallery
ECharts Gallery
ECharts Gallery
ECharts Gallery - 南丁格尔
World Flights - Powered by ECharts-X

FAQ

ECharts3基础教程(三)title配置篇 - CSDN博客
echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐) - CSDN博客
echarts 随屏幕大小改变大小chart.resize() - CSDN博客
echarts自定义tooltip显示内容 - ZhonG_z的个人空间 - 开源中国
关于echarts使用的常见问题总结 - 李文杨 - 博客园
World Flights - Powered by ECharts-X
Echarts(二、柱状图(各参数详细描述)) - CSDN博客
浅谈Echarts 使用配置 - CSDN博客
ECharts属性设置 - CSDN博客
echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐) - CSDN博客
ECharts Gallery 使用指南
ECharts力导向图,节点为图片修改样式。 - 开源中国社区
echarts 地图标注 symbol - CSDN博客
Echarts的graph关系图的节点图片自定义及关系边上的提示框内容自定义 - CSDN博客
echarts2.0中的树图结构,怎么能更改默认自带的圆形,在哪里能修改-CSDN论坛

ervy

chunqiuyiyu/ervy: Bring charts to terminal.
Ervy - Bring charts to terminal.

elycharts

Elycharts | Elycharts, the ultimate javascript charting library
voidlabs/elycharts: Interactive Javascript (SVG|VML) Charting Library

Envision.js

envision - demos
HumbleSoftware/envisionjs: Dynamic HTML5 visualization

ember-charts

Addepar/ember-charts

fusioncharts

JavaScript charts for web & mobile | FusionCharts
FusionCharts Technologies

flot

Flot: Attractive JavaScript plotting for jQuery
flot/flot: Attractive JavaScript charts for jQuery

frappe

Frappe Charts: Simple and Modern SVG Charts
frappe/charts: Simple, responsive, modern SVG Charts with zero dependencies

flowchart.js

flowchart.js
adrai/flowchart.js: Draws simple SVG flow chart diagrams from textual representation of the diagram

Grafico

Grafico: Javascript charting library • Design • Kilian Valkhof

graphdracula

Dracula Graph Library | Graph Computation, Layout, Algorithms for JavaScript

graphviz

Graphviz - Graph Visualization Software

g2

antvis/g2: The Grammar of Graphics in JavaScript
G2 基础图表类库 - AntV

g6

antvis/G6: ♾ A Graph Visualization Framework in JavaScript
G6 图可视化引擎 | AntV

GoJS

GoJS Diagrams for JavaScript and HTML, by Northwoods Software
Get Started with GoJS
关于 GoJS 你了解多少?

highcharts

Highcharts core

Highcharts API 文档 | Highcharts
Highcharts中文论坛
Interactive JavaScript charts for your webpage | Highcharts
highcharts/highcharts: Highcharts JS, the JavaScript charting framework
github.highcharts.com
兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts
undefined 简数 CDN
动态更新的图表 | Highcharts
图表导出模块概述 | Highcharts 使用教程
HighChart前后台封装,构造个性化图表插件highChartTools,快捷创建各种图表 - SoFeelLove的专栏 - CSDN博客
兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts

instance

Gantt

Gantt chart –
Highcharts Gantt is in Alpha! - Highcharts
Gantt chart | JShare

highcharts 获取图表对象的几种方法 - liuqiaoying_lqy的专栏 - CSDN博客
图表对象获取方法 | JShare

辅助线&注释

highcharts实现画辅助线功能并删除 - ZRRJDD - 博客园
highcharts注释功能 - ZRRJDD - 博客园
blacklabel/annotations: Annotations plugin for Highstock by Black Label
Demo
Custom events - Highcharts module
ZRRJDD/highchart: 主要存放highchart功能相关源码。

demo

正态分布图 | JShare
基础柱形图 | JShare
直方图 | JShare
更新数据列数据 | JShare
设置区域划分线代表的值为5.5 | JShare
设置区域划分带的颜色为#FCFFC5 | JShare
Highcharts Demo - JSFiddle
数组数据进行关联 | JShare
动态更新坐标轴 | JShare
直线图数据点点击事件 | JShare
数据列点击事件 | JShare
各种更新数据列 | JShare
获取选中的数据列 | JShare
删除数据列 | JShare
极地图 | JShare
蜘蛛图 | JShare
高级更新 | JShare

jscharts

JS Charts - Free JavaScript charts

jfreechart

JFreeChart

jsxgraph

JSXGraph - JSXGraph
JSXGraph

Least.js

kamilczujowski/least.js-2: This plugin is no longer maintained –  Random and Responsive HiDPI jQuery Gallery based on HTML5 and CSS3

mermaid

knsv/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown
mermaid · GitBook

¥Map

地图选择器

city-roads

anvaka/city-roads: Visualization of all roads within any city
Draw all roads in a city at once

lbj96347/2020-virus-map: Base on China official news to pop up virus cases on map. 基于中国官方新闻公布数据,绘制新型冠状病毒案例于地图上。
shfshanyue/2019-ncov: 全国新型冠状病毒,肺炎疫情实时省市地图

mapkitjs

MapKit JS - Maps - Apple Developer

mermaid

mermaid-js/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown

morris.js

morris.js
morrisjs/morris.js: Pretty time-series line graphs

mxgraph(可画拓扑流程图等)

jgraph/mxgraph: mxGraph is a fully client side JavaScript diagramming library
JavaScript Diagramming
mxGraph 开发样例展示 - diydyq - 博客园
mxGraph 用户手册 – JavaScript客户端 - Kora - 博客园
mxGraph - CSDN博客
mxGraph 3.9.8
Mxgraph使用总结一 - shawWey - 博客园
mxgraph进阶(五)搭建mxGraph简单应用 - CSDN博客
mxgraph - CSDN博客

OrgChart

dabeng/OrgChart: It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart.
caprica/jquery-orgchart: JQuery Organisation Chart Plugin
wesnolte/jOrgChart: A jQuery plugin to draw tree-like structures such as OrgCharts.

paperjs

Paper.js
paperjs/paper.js: The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey

pizza-pie-charts

Pizza Pie Charts | Playground from ZURB
zurb/pizza: Better pie, donut, line, and bar graphs.

plantuml

开源工具,使用简单的文字描述画UML图。

pigeon-maps

mariusandra/pigeon-maps: ReactJS Maps without external dependencies
pigeon-maps

p5.js

processing/p5.js: p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
home | p5.js
mapk/p5js-block: A p5.js block for Gutenberg in WordPress

Processing.js

Processing.js
processing-js/processing-js: A port of the Processing visualization language to JavaScript.

Rappid

Rappid: Powerful visual tools at your fingertips

reference

Raphaël Reference
DmitryBaranovskiy/raphael: JavaScript Vector Library
Raphaël—JavaScript Library

raphael

Raphaël Reference
Raphaël—JavaScript Library
Raphaël Reference
DmitryBaranovskiy/g.raphael: Charts for Raphaël
crccheck/raphael-svg-import-classic: Import SVG files to Raphael
DmitryBaranovskiy/raphael: JavaScript Vector Library
neveldo/jQuery-Mapael: jQuery plugin based on raphael.js that allows you to display dynamic vector maps

rawgraphs

RAWGraphs
densitydesign/raw: The missing link between spreadsheets and data visualization

rgraph

RGraph is a Free and Open Source JavaScript charts library for websites

roughViz

jwilber/roughViz: Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.

SVG.js

SVG.js | Home
svgdotjs/svg.js: The lightweight library for manipulating and animating SVG

Sinomap

Sinomap - 超轻量 JS 地图库
doodlewind/sinomap: 🌎 Super lightweight canvas map lib.

smoothiecharts

Smoothie Charts: A JavaScript Charting Library for Streaming Data
joewalnes/smoothie: Smoothie Charts: smooooooth JavaScript charts for realtime streaming data

Sparky

Sparky

sigmajs

Sigma js
jacomyal/sigma.js: A JavaScript library dedicated to graph drawing

SVGator

SVG Animation Creator - Animate and Export SVG | SVGator

tui-chart

TOAST UI :: Make Your Web Delicious!
nhnent/tui.chart: 🍞🍯 Beautiful chart for data visualization.

vis.js

vis.js - A dynamic, browser based visualization library.
almende/vis: vis.js is a dynamic, browser-based visualization library

甘特图

ECharts Gallery
EChart 制作类似微软的 甘特图 - CSDN博客
13个js版gantt甘特图控件集合_51CTO下载中心_IT技术资料免费下载
jQuery甘特图插件jQuery.Gantt
甘特图
robicch/jQueryGantt: jQuery Gantt editor
frappe/gantt: Open Source Javascript Gantt
thegrubbsian/jquery.ganttView: An editable jQuery Gantt chart plugin.
mbielanczuk/jQuery.Gantt: jQuery Gantt Chart
DHTMLX/gantt: Javascript Gantt chart
neyric/gh-issues-gantt: Generate Gantt Diagrams from GitHub Issues
lenxeon/gantt: 项目甘特图,可调整任务的开始结束时间,百分比
oguzhanoya/jquery-gantt: 🌈 Lightweight jQuery gantt plugin.
realm/github-gantt: Generate Gantt Charts From Github Issues!
ybx13579/jQuery.Gantt: jQuery.Gantt 甘特图
d-band/gantt: Gantt chart library using jsx support SVG, Canvas and SSR
limodou/uli-gantt: JQuery gantt plugin, based on d3.js and mmGrid
jsGanttImproved/jsgantt-improved: A fully featured gantt chart component built entirely in Javascript, CSS and AJAX. No images required.
FlamingTempura/JSGanttChart: JavaScript Gantt Chart Framework
mattiasmak/Polymer-gantt: Polymer gantt
substack/gantt-chart: generate an svg gantt chart in node and the browser
ProtoTeam/time-gantt: 一个react类甘特图图表,功能是时间基线上的任务耗时管理,并且能够与过往耗时进行对比
erikthered/raphael-gantt: Draw gantt charts with Raphaël and Moment.js
goofmint/TodoistGanttChartView: Gantt Chart Viewer for Todoist

自动化的可视化数据生成工具

Charted – 自动化的可视化数据生成工具 - 梦想天空(山边小溪) - 博客园
charted-co/charted: A charting tool that produces automatic, shareable charts from any data file
Charted

$signal

热力图

Web数据可视化-手把手教你实现热力图 - 掘金

Rappid: Powerful visual tools at your fingertips
chartjs/Chart.js: Simple HTML5 Charts using the <canvas> tag
4个Web前端经典实用绝对值得学习收藏的地图实现模板(一)-CSDN下载
TOAST UI :: Make Your Web Delicious!
【精心推荐】几款实用的 JavaScript 图形图表库 - 梦想天空(山边小溪) - 博客园
推荐12个最好的 JavaScript 图形绘制库 - 梦想天空(山边小溪) - 博客园
像素地图生成工具帮助你快速生成精美地图 - 梦想天空(山边小溪) - 博客园
推荐18个基于 HTML5 Canvas 开发的图表库 - 梦想天空(山边小溪) - 博客园
数据可视化|数据可视化分析|数据可视化工具|数据可视化大屏幕展示 —UILeader
The Best JavaScript Data Visualization & Charting Libraries 2018 | Code Wall
From data to Viz | Find the graphic you need

地图选择器

$网络请求服务相关

¥axios

axios core

axios源码解读系列

axios源码解读系列之一 项目入口与项目整体结构 - 掘金
axios源码解读系列之二 实例化axios的默认配置 - 掘金
axios源码解读系列之三 axios中的adaptor - 掘金
axios源码解读系列之四 axios核心内容(get,post等方法实现) - 掘金
axios源码解读系列之五 dispatchRequest - 掘金

axios/axios: Promise based HTTP client for the browser and node.js
Axios
使用说明 · Axios 中文说明 · 看云
axios-es6 - npm
axios中文文档 - CSDN博客
axios2 - npm
axios - npm
axios中文网|axios API 中文文档 | axios

axios-service

Package - axios-service
libaoxu/axios-service: make axios more easlier to use in code

¥取消请求

vue和react中如何优雅地使用axios取消请求 - 掘金

¥axios 教程

axios config

Vue中axios的使用技巧配置项详解 - 牙疼哥哥 - 博客园
axios使用说明书 - 掘金

axios 文件

vue+axios实现文件下载 - 邵阳肖敏的博客 - CSDN博客
vue中利用axios实现文件上传进度实时更新 - 瑞雪的前端学习 - SegmentFault 思否
axios 进行文件上传 - java_goodstudy的博客 - CSDN博客
vue+axios实现文件下载及vue中使用axios的实例_vue.js_脚本之家
axios上传文件爬坑之路 - 简书
01vue+axios+formData实现文件上传(包含简单的Java后台) - 简书
axios 实现 文件上传 - 木流沙的博客 - CSDN博客
vue+axios实现文件下载 - yulj - 博客园
vue axios实现文件上传 - 蜗牛速度额的博客 - CSDN博客

contentType和responseType

javascript - axios 的responseType 类型动态设置 - SegmentFault 思否
在IE9下,当responseType设置为json, response.data为undefined - qq_19739063的博客 - CSDN博客
axios 的responseType 类型动态设置_慕课猿问
axios发送post请求,默认的content-type - 杭州半云-王晓刚 - 博客园

interceptors

Instance does not have global interceptors · Issue #993 · axios/axios
axios 拦截器只能添加到实例上 - 简书

transformRequest和transformResponse

用户对问题“如何使用transformRequest和transformResponse修改$资源的数据?”的回答 - 问答 - 云+社区 - 腾讯云

URLSearchParams

axios 请求接口报错 URLSearchParams undefined - Cherishwcc的博客 - CSDN博客
URLSearchParams 接口定义处理 URL 参数串 - AlanTao - 博客园
javascript - URLSearchParams append方法通过for循环后为空 - SegmentFault 思否
使用URLSearchParams处理axios发送的数据 - 李佳骏 - 博客园
vue.js - 为什么要用URLSearchParams格式化参数,一个一个append进去不是很麻烦吗? - SegmentFault 思否
URLSearchParams 对象用法-蚂蚁部落
new URLSearchParams() 内置对象获取地址栏的参数 通过键的方式拿到值 - hc2018的博客 - CSDN博客
除了使用URLSearchParams处理axios发送的数据,但是兼容性不好,其他的兼容方法 - 前端++ - 博客园
URLSearchParams 配合 axios 提交重复的参数_慕课手记

axios FAQ

React 用axios 获取遍历json 引入swiper轮播图 - 掘金
vue中axios请求的封装 - 掘金
axios关于针对请求时长策略设计的思考 - 掘金
vue全家桶 ---axios的使用和二次封装 - 掘金
vue-cli中怎么基于axios去封装方法 - 掘金
vue + axios 封装ajax,针对 form 提交和 application/json 提交的两种封装方式 - 转身那一瞬 - CSDN博客
axios post请求数据,在Content-Type为application/x-www-form-urlencoded情况下,data如何转换为json的解决办法 - Qlily_ing的博客 - CSDN博客
萌新用vue + axios + formdata 上传文件的爬坑之路 - qq_41688165的博客 - CSDN博客
axios 发送formData参数 - ttxxsir的博客 - CSDN博客
Axios传参的两种方式,表单数据和json字符串(Form Data和Request Payload) - Zack_ZXY的博客 - CSDN博客
axios配置后,post提交formdata - 你蠢哭我咯的博客 - CSDN博客
使用axios发送application/json请求,数据以payload提交在服务端如何解析数据 - az44yao的专栏 - CSDN博客
Axios同一请求发送两次 解决方案(亲测可行) - 记录程序的点点滴滴! - CSDN博客
vue axios POST请求中参数以form data和request payload形式的原因 - YUSIR 完美CODING世界 - CSDN博客
vue中axios请求payload的暴力解决方案 - qq_36539075的博客 - CSDN博客
axios发起表单提交POST请求,请求体中的数据为Request Payload - qq_37301432的博客 - CSDN博客
Vue 使用axios 发送post请求,参数格式有错误问题 - 你好邱林和的专栏 - CSDN博客
vue axios看前后端数据交互 - 书写人生 - CSDN博客
axios - Catie - CSDN博客
vue--------之axios的使用与二次封装 - CSDN博客
axios.defaults 配置默认, axios.interceptors拦截器 - qq_34164814的博客 - CSDN博客
axios 发 post 请求的问题 - 简书
axios发送post请求,springMVC接收不到数据问题 - 简书
Vue乱搞系列之axios发起表单请求 - 简书
axios 二次封装 api的统筹管理 配合async await实际项目中的运用 - 简书
axios中文文档 - 简书
一个axios的简单教程 - 简书
解决请求unable to decode value问题 - 简书
axios统一配置&请求错误时自动重试 - 简书
axios post提交的Content-Type - 庞国明 - 博客园
vue axios全攻略 - 最骚的就是你 - 博客园
vue中使用axios最详细教程 - 华猿 - 博客园
axios基本用法 - 故园苒苒 - 博客园
Progressive Web Applications - 故园苒苒 - 博客园
vue axios全攻略 - 最骚的就是你 - 博客园
vue2.0项目实战(3)使用axios发送请求 - _marven - 博客园
axios 实现loading加载提示 · 小龙哥的前端博客 · 看云
axios全攻略 | 羸弱的小金鱼

¥fly.js

wendux/fly: Supporting request forwarding and Promise based HTTP client for all JavaScript runtimes.
flyio - npm
flyio-起步
wendu's git page
flyio-Get started
JS HTTP请求终极解决方案 - fly.js - 简书
fly.js vs axios - 掘金
JS HTTP 请求终极解决方案 - fly.js - 掘金
强烈推荐:支持Vue家族全系框架的跨平台http请求库-fly.js - 个人文章 - SegmentFault 思否
fly.js—Node下增强的API - 简书
fly.js - 专题 - 简书
支持所有JavaScript运行时的HTTP网络库-Fly.js - 杜文的专栏 - CSDN博客
JS HTTP 请求终极解决方案 - fly.js - 杜文的专栏 - CSDN博客

¥InstantClick快速响应

InstantClick — JS library to make your website instant
dieulot/instantclick: InstantClick makes following links in your website instant.
完美解决有关预加载InstantClick的问题-js教程-PHP中文网
Events and script re-evaluation in InstantClick
InstantClick提升页面加载速度,让你的网站与众不同!-小锋博客
关于预加载InstantClick的问题解决方法_javascript技巧_脚本之家
使用InstantClick.js让页面提前加载200ms_javascript技巧_脚本之家

¥intercooler-js

intercoolerjs/intercooler-js: Making AJAX as easy as anchor tags
intercooler.js - Simple AJAX using HTML attributes
Intercooler.js – 让 AJAX 像锚标签一样简单 - 梦想天空(山边小溪) - 博客园

¥pjax

jQuery+pjax简单示例汇总 - 疯子110 - 博客园
defunkt/jquery-pjax: pushState + ajax = pjax
jquery.pjax | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
jQuery.pjax.js使用AJAX和pushState无刷新加载网页 - 插件脚本 - 问说网
通过pjax实现无刷新翻页(兼容新版jquery)_jquery_脚本之家
jQuery pjax 应用简单示例 - 个人文章 - SegmentFault 思否
jquery.pjax.js bug问题解决集锦 - 好库文摘
welefen/pjax: ajax + history.pushState = pjax
pjax
PJAXPage首页、文档和下载 - 基于 jQuery 的分页工具 - 开源中国
pjaxpage: Pagination controls solution for pjax. pushState + ajax = pjax.
pjaxpage: Pagination controls solution for pjax. pushState + ajax = pjax.
xixifeng/pjaxpage: Pagination controls solution for pjax. pushState + ajax = pjax.

¥request

request/request: 🏊🏾 Simplified HTTP request client.

¥retrofit-cjs

¥URL库

URLSearchParams

url-search-params

WebReflection/url-search-params: Simple polyfill for URLSearchParams standard

URLSearchParams - Web APIs | MDN
plesiecki/tiny-search-params: Tiny (~300b) and ultra fast query-string like utility
stevenvachon/is-urlsearchparams: Determines whether a value is a URLSearchParams instance.
athanclark/purescript-web-urlsearchparams: Binding to the javascript Web URLSearchParams browser API

检测&解析URL

Url.js

JavaScript 功能类 Url.js - 简书
Url.combine 展示 - WEB源码js/css/H5 - JSRUN
websanova/js-url: url() - A simple, lightweight url parser for JavaScript
jillix/url.js: A lightweight JavaScript library to manipulate the page url.
Zod-/jsVideoUrlParser: A javascript parser to extract informations like provider, channel, id, start time from YouTube, Vimeo, Dailymotion, Twitch,... urls
allmarkedup/purl: [NO LONGER MAINTAINED] A JS utility for for parsing URLs and extracting information out of them.
ljosa/urlize.js: JavaScript port of Django's function for converting URLs in text into clickable links.
url.js
kevincox/url.js: URL parsing in javascript.

URL 解析

unshiftio/url-parse: Small footprint URL parser that works seamlessly across Node.js and browser environments.
URL() - Web API 接口 | MDN
URL() - Web APIs | MDN
HTMLAnchorElement - Web API 接口 | MDN
HTMLAreaElement - Web API 接口参考 | MDN
RFC 3986 - Uniform Resource Identifier (URI): Generic Syntax
urlencode - When to encode space to plus (+) or %20? - Stack Overflow
HTTP URL Path Parameter Syntax — Dorian Taylor
unshift.io
常见面试题 - URL 解析 - 掘金
【读】这一次,让我们再深入一点 - URL你是否真的了解? - 掘金

url-search-params

WebReflection/url-search-params: Simple polyfill for URLSearchParams standard
jerrybendy/url-search-params-polyfill: a simple polyfill for javascript URLSearchParams
ungap/url-search-params: The URLSearchParams polyfill

alexcorvi/anchorme.js: Tiny, fast, efficient, feature rich Javascript library to detect links / URLs / Emails in text and convert them to clickable HTML anchor links
jquery获取url参数及url加参数的方法_jquery_脚本之家
URL中的# - 掘金
URL原理、URL编码、URL特殊字符 - 简书

querystring

querystring | Node.js API 文档
Query String | Node.js v10.0.0 Documentation
sindresorhus/query-string: Parse and stringify URL query strings
query-string - npm
ljharb/qs: A querystring parser with nesting support
qs - npm
Request 对象之QueryString集合
JavaScript获取URL中参数querystring的方法详解_javascript技巧_脚本之家

url-polyfill

lifaon74/url-polyfill: Polyfill URL and URLSearchParams to match last ES7 specifications
LvChengbin/url: Polyfill for URL and URLSearchParams conforming the implementation of Google Chrome

stevenvachon/universal-url: WHATWG URL for Node & Browser.
stevenvachon/universal-url-lite: A smaller Universal WHATWG URL, for Browserify/etc.
bryanthomaschen/re-url

¥判断网络连接状态

Offline.js

Offline.js – Handle your users losing their internet connection like a pro
HubSpot/offline: Automatically display online/offline indication to your users

¥检测网页中图片加载

imagesLoaded – 检测网页中的图片是否加载 - 梦想天空(山边小溪) - 博客园

¥网络请求

webmodules/jsonp: A simple JSONP implementation
HolyZheng/jsonpGet: A simple lib for Jsonp Cross-domain Request, it returns a promise。一款用于jsonp跨域请求的插件,并经过promise封装,简单易用。
glangzh/retrofit-cjs: retrofit-cjs 是一个基于JavaScript装饰器(Decorator)和 axios 实现的网络请求库, 支持Vue / React / react-native 等常用框架, 支持node.js
JS 中的网络请求 AJAX, Fetch, WebSocket - 掘金
如何在 Web 关闭页面时发送 Ajax 请求 - 掘金
Web Beacon 刷新/关闭页面之前发送请求 - 掘金
前端数据请求的终极方案 - 掘金
Form表单提交的四种数据格式 - 掘金
也许这是最优雅的前端请求方案 - 掘金

xdomain

jpillora/xdomain: A pure JavaScript CORS alternative
https://jpillora.com/xdomain/

$验证、识别功能

¥身份证

IDValidator

mc-zone/IDValidator: 中国大陆个人身份证号验证 Chinese Mainland Personal ID Card Validation

¥智能识别库

浏览器指纹库

FingerprintJS - 在浏览器端实现指纹识别 - 梦想天空(山边小溪) - 博客园
Fingerprintjs by Valve
Valve/fingerprintjs: Anonymous browser fingerprint

OCR (光学字符识别)程序

网页语音识别库

Julius JS – 最流行的网页语音识别库 - 梦想天空(山边小溪) - 博客园

「圣诞特辑」纯前端实现人脸识别自动佩戴圣诞帽 - 掘金
Web验证的过去现在与未来 - 掘金

$signal 功能

A JS lib for building SQL queries

lusakasa/sqorn: A Javascript library for building SQL queries
Sqorn · A Javascript Library for Building SQL Queries

cerebral

Cerebral
cerebral/cerebral: A state controller with its own debugger
Cerebral Docs

NativeScript

NativeScript - JS 构建跨平台的原生 APP - 梦想天空(山边小溪) - 博客园

Senna.js

Senna.js – 速度极快的单页应用程序引擎 - 梦想天空(山边小溪) - 博客园

Zepto

Zepto.js – 为现代浏览器而生的轻量级 JavaScript 库 - 梦想天空(山边小溪) - 博客园
Zepto Docs
madrobby/zepto: Zepto.js is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API
Zepto Docs
Zepto,Zepto.js,Zepto API 中文版,Zepto.js API 中文版,Zepto 中文手册: 轻量级兼容jQuery的JavaScript库
Zepto.js (1.2.0) API 中文文档-轻量级兼容jQuery的JavaScript库
zepto源码注释 - zjhsd2007 - 博客园

中国省市数据

Administrative-divisions-of-China

modood/Administrative-divisions-of-China: 中华人民共和国行政区划:省级(省份直辖市自治区)、 地级(城市)、 县级(区县)、 乡级(乡镇街道)、 村级(村委会居委会) ,中国省市区镇村二级三

administrative-area

ruoge3s/administrative-area: 一个抓取国家行政区划小爬虫

AreaAndBanks

ALawating-Rex/AreaAndBanks: 中国省市区以及银行和银行支行等数据

area-data

dwqs/area-data: 中国省市区数据(含港澳台)

china-location

JasonBoy/china-location: 🇨🇳NPM Module for Chinese Administrative Division. 中国行政区划信息-区划代码数据库(GB/T 2260)
中国行政区划信息JS库china-location - 掘金

china_regions

wecatch/china_regions: 最全最新中国省,市,地区json及sql数据

data_location

mumuy/data_location: 中华人民共和国行政区划数据【省、市、区县、乡镇街道】中国省市区镇三级四级联动地址数据(GB/T 2260)

province-city-china

uiwjs/province-city-china: 🇨🇳最全最新中国【省、市、区县、乡镇街道】json,csv,sql数据
province-city-china - npm
最全最新🇨🇳中国【省、市、区县、乡镇街道】json,csv,sql数据 - 掘金

rn-china-region-picker

hufeng/rn-china-region-picker: 中国的省市区的多重级联react-native组件
pic.ofcard.com/themes/common/region/China_Region_Last.js

react-china-location

JasonBoy/react-china-location: React Component for china-location

标准数据中国省市区+银行支行数据 | 氤氲抓不住
AreaAndBanks/data at master · ALawating-Rex/AreaAndBanks
AreaAndBanks: 中国省市区以及银行和银行支行等数据
zengzhan/qqzeng-ip: 最新IP地址数据库-多语言解析以及导入数据库脚本
生成地址json地区树状数据 - CSDN博客
eduosi/district: 中国省/自治区/直辖市、市/自治州、区/县/旗数据,包含名称、拼音、拼音首字母、行政代码、区号
全国各省市区城市编码SQL - CSDN博客
全国省市县三级数据库_Ghost_Running_新浪博客
mumuy/widget: A set of widgets based on jQuery&&javascript. 一套基于jquery或javascript的插件库 :轮播、标签页、滚动条、下拉框、对话框、搜索提示、城市选择(城市三级联动)、日历等
中国省市列表的JSON数据 - CSDN博客
2018 全国所有省份,城市的json文件(全) - CSDN博客
全国省市区数据-json下载 - CSDN博客
解析全国省市区Json数据 - CSDN博客
最完整的全国省市区数据 - CSDN博客
全国省市区数据-json - CSDN博客
2017年全国省市区数据JSON-CSDN下载
全国城市列表对应的JSON数据-CSDN下载
全国各个省、市、区县的的Json数据(打开是各个省的Json数据、mapdata中有各个市、区县全部是分开的需要那个可以自由选择)-CSDN下载
国内省市数据 json - CSDN博客
coderbusy/china-area: 采集整理来自民政部的行政区域信息
全国省市区数据-json - CSDN博客
城市三级联动 - citys
passer-by.com

This is 数据处理类

$数据处理核心库

immutable-js

facebook/immutable-js: Immutable persistent data collections for Javascript which increase efficiency and simplicity.
Immutable.js
immutable-js/immutable-js: Immutable persistent data collections for Javascript which increase efficiency and simplicity.
Immutable.js
rtfeldman/seamless-immutable: Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects.
深入探究Immutable.js的实现机制(一) - 掘金
深入探究immutable.js的实现机制(二) - 掘金

just

angus-c/just: A library of tiny, dependency-free JavaScript functions that do just do one thing.
just-clone

lodash

lodash core

lodash/lodash: A modern JavaScript utility library delivering modularity, performance, & extras.
Lodash
Lodash Documentation
Lodash 中文文档(v4.17.10)
Lodash 中文文档 | Lodash 中文网
lodash 中文网
Lodash Archive
Lodash custom builds
lodash - npm
lodash/lodash at 4.17.11-es
lodash-es - npm
Lodash 中文文档 | Lodash 中文网

lodash-fp

lodash-archive/lodash-fp: Lodash with more functional fun.
jfmengels/lodash-fp-docs
lodash/fp at 4.17.11-npm · lodash/lodash
jfmengels/eslint-plugin-lodash-fp: ESLint rules for lodash/fp

lodash-cli

lodash-archive/lodash-cli: The Lodash command-line interface.
Lodash custom builds
lodash-cli - npm

lodash-amd - npm
wix/eslint-plugin-lodash: ESLint rules for lodash
keywords:lodash-modularized - npm search
使用lodash深度对比出2个对象之间的差异 - 简书
[译]如何在 Vue.js 中使用第三方库 · Issue #51 · dwqs/blog
node.js - Unable to import lodash - Stack Overflow
lodash在webpack中的各项优化的尝试 - 知乎

lazy.js

dtao/lazy.js: Like Underscore, but lazier
Lazy.js - v0.5.1

ramda

ramda/ramda: Practical functional Javascript
ramda/ramda-fantasy: Fantasy-Land compatible types for easy integration with Ramda.js
selfrefactor/rambda: Faster and smaller alternative to Ramda
Package - ramda
Ramda Documentation
Ramda Documentation
Ramda 函数库参考教程 - 阮一峰的网络日志
Ramda 函数库参考教程 - CSDN博客
Ramda 常用函数(快速上手)_慕课手记
推荐一下Ramda.js - CNode技术社区
Ramda 函数库参考教程 - SegmentFault 思否

underscore

underscore core

jashkenas/underscore: JavaScript's utility _ belt
Underscore.js
Underscore.js 中文文档
Underscore.js(1.9.1) 中文文档
Underscore.js(1.8.3) 中文文档
zrysmt/DIY-underscorejs: 动手DIY一个underscorejs库及underscorejs源码分析博客使用的代码
you-dont-need/You-Dont-Need-Lodash-Underscore: List of JavaScript methods which you can use natively + ESLint Plugin
UnderscoreJS精巧而强大工具包 | 粉丝日志
动手DIY一个underscorejs库及underscorejs源码分析1 - CSDN博客
JS高手进阶之路:underscore源码经典(一)_慕课手记
JS高手进阶之路:underscore源码经典(二)_慕课手记

underscore-analysis

lessfish/underscore-analysis: underscore-1.8.3.js 源码解读 & 系列文章(完)
Issues · lessfish/underscore-analysis

打造属于自己的underscore系列 ( 一 ) - 掘金
打造属于自己的underscore系列 ( 二 ) - 掘金
打造自己的underscore系列(三) - 掘金
打造属于自己的underscore系列(四) - 掘金
跟underscore一起学如何写函数库 - 掘金
跟underscore一起学数组去重 - 掘金

$数据处理应用库

CountUp.js

CountUp.js – 让数字以非常有趣的动画方式显示 - 梦想天空(山边小溪) - 博客园

KaTeX

KaTeX/KaTeX: Fast math typesetting for the web.
KaTeX – The fastest math typesetting library for the web

mathjax

mathjax/MathJax: Beautiful math in all browsers
MathJax | Beautiful math in all browsers.

随机数库

random_compat

paragonie/random_compat: PHP 5.x support for random_bytes() and random_int()
Community Projects - Paragon Initiative Enterprises

Chance随机数

chancejs/chancejs: Chance - Random generator helper for JavaScript
Chance – 功能强大的 JavaScript 随机数生成类库 - 梦想天空(山边小溪) - 博客园
Chance
Js产生随机数的几种方法 - 青年a - 博客园

$格式化相关

¥组件、元素、标签

¥format input

nosir/cleave.js: Format input text content when you are typing...
insin/inputmask-core: Standalone input mask implementation, independent of any GUI
the-darc/string-mask: A string formatter and validator based on masks.
romulobrasil/PureMask.js: Biblioteca de mascaras em inputs de forms desenvolvido em Javascript puro. Library masks inputs on forms developed in pure JavaScript.
autoNumeric/autoNumeric: autoNumeric is a standalone library that provides live as-you-type formatting for international numbers and currencies.
Vanilla Masker – 功能强大的输入过滤插件 - 梦想天空(山边小溪) - 博客园
vanilla-masker/vanilla-masker: VanillaMasker is a pure javascript mask input
uNmAnNeR/imaskjs: vanilla javascript input mask
Javascript Input Mask | imaskjs
moip/awesome-mask: The awesome-mask runs with Vue.js and uses the vanilla-masker to make your form awesome with masks.

htmlparser2

fb55/htmlparser2: forgiving html and xml parser

¥数字

big.js

MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.
big.js API

bignumber.js

MikeMcl/bignumber.js: A JavaScript library for arbitrary-precision decimal and non-decimal arithmetic
bignumber.js API

currencyFormatter.js

osrec/currencyFormatter.js: A super simple currency formatting library
CurrencyFormatter.js by OSREC Financial

decimal.js

MikeMcl/decimal.js: An arbitrary-precision Decimal type for JavaScript
decimal.js API
decimal.js API
MikeMcl/decimal.js: An arbitrary-precision Decimal type for JavaScript

Dinero.js

Dinero.js - Documentation
sarahdayan/dinero.js: 💸 An immutable library to create, calculate and format money.

jsbi

JavaScript 中的表示任意精度的 BigInt - 掘金
GoogleChromeLabs/jsbi: JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.
BigInt: arbitrary-precision integers in JavaScript  |  Web  |  Google Developers

mathjs

math.js | an extensive math library for JavaScript and Node.js
josdejong/mathjs: An extensive math library for JavaScript and Node.js

number-precision

nefe/number-precision: 🚀1K tiny & fast lib for doing addition, subtraction, multiplication and division operations precisely

Numeral.js

adamwdraper/Numeral-js: A javascript library for formatting and manipulating numbers.
Numeral.js
Numeral.js – 格式化和操作数字的 JavaScript 库 - 梦想天空(山边小溪) - 博客园

zhaozy93/number2chinese: convert number to chinese speech || 转换阿拉伯数字到汉语写法
zhTo123/getArab.js at master · gzx1996/zhTo123
itagn (Itagn掌门)
如何解决0.1 +0.2===0.30000000000000004类问题 - 掘金
JavaScript中任意两个数加减的解决方案 - 掘金
JavaScript中科学计数法转化为数值字符串形式-WEB前端开发
js阿拉伯数字转中文大写 - 飞翔的天空 - 博客园
阿拉伯数字跟中文汉字互转js - huangbaokang的博客 - CSDN博客

¥文件、数据转化

gifify

vvo/gifify: 😻 Convert any video file to an optimized animated GIF.

¥字符串

voca

panzerdp/voca: The ultimate JavaScript string library
Voca: The JavaScript string library

js格式化文件大小,单位:Bytes、KB、MB、GB - seesun2012的专栏 - CSDN博客

¥日期、时区

calendarize

lukeed/calendarize: A tiny (196B) utility to generate calendar views.
Demo: calendarize

date-fns

date-fns/date-fns: ⏳ Modern JavaScript date utility library ⌛️
date-fns - modern JavaScript date utility library
date-fns/date-fns: ⏳ Modern JavaScript date utility library ⌛️
Add a brief comparison with Moment.js? · Issue #275 · date-fns/date-fns
TypeScript日期工具: date-fns日期工具的使用方法_前端叶孤城-CSDN博客

dayjs

iamkun/dayjs: ⏰ Day.js 2KB immutable date library alternative to Moment.js with the same modern API
dayjs/README.zh-CN.md at master · iamkun/dayjs
dayjs/Plugin.md at master · iamkun/dayjs
dayjs/API-reference.md at master · iamkun/dayjs
iamkun/dayjs: ⏰ Day.js 2KB immutable date library alternative to Moment.js with the same modern API
打造 10000 Star 的前端开源项目 ⭐ - 掘金

fecha

taylorhakes/fecha: Lightweight Javascript Date formatting and parsing

luxon

moment/luxon: ⏱ A library for working with dates and times in JS
Luxon

Moment

moment/moment: Parse, validate, manipulate, and display dates in javascript.
Moment.js | Home
Moment.js | Home
Moment.js 中文网
使用moment.js轻松管理日期和时间 - 书写人生 - CSDN博客

timeago.js

hustcc/timeago.js: :clock8: timeago.js is a tiny(~2.0kb) library used to format date with `*** time ago` statement. eg: '3 hours ago'. No dependency & localization & tiny.
timeago.js: is a tiny(2kb) library used to format date with `*** time ago`. eg: '3 hours ago'. No dependency.

You-Dont-Need-Momentjs

you-dont-need/You-Dont-Need-Momentjs: List of date-fns or native functions which you can use to replace moment.js + ESLint Plugin

农历 & 公历 & 干支

wvv8oo/lunar: 农历与公历相互转换的模块,支持农历之间的加减运算,并提供生肖、干支等,支持1900-2100年。

¥时区库

spacetime

spencermountain/spacetime: A lightweight javascript timezone library
spencermounta.in/spacetime/

¥国际化与本地化

FormatJS

FormatJS
GitHub — FormatJS
formatjs/intl-messageformat-parser: [MIGRATED] Parses ICU message strings to an AST that can be used to format the messages for a person's locale.
yahoo/intl-messageformat: Format a string with placeholders, including plural and select support to create localized messages.
yahoo/intl-messageformat-parser: Parses ICU message strings to an AST that can be used to format the messages for a person's locale.
yahoo/intl-relativeformat: Formats JavaScript dates to relative time strings (e.g., "3 hours ago").
yahoo/intl-format-cache: Produces instances of JavaScript `Intl` formats, and caches them for reuse.
FormatJS – 让你的 Web 应用程序国际化 - 梦想天空(山边小溪) - 博客园

globalize

globalizejs/globalize: A JavaScript library for internationalization and localization that leverages the official Unicode CLDR JSON data
rxaviers/cldrjs: Simple CLDR traverser
Globalize · So What'cha Want
cldr.unicode.org

Lang.js

rmariuzzo/Lang.js: Laravel Translator class in JavaScript!

yahoo/formatjs-site: Documentation for client/server internationalization in JavaScript.
yahoo/intl-locales-supported: Utility to help you polyfill the Node.js runtime when the Intl APIs are missing, or if the built-in Intl is missing locale data that you need.
andyearnshaw/Intl.js: Compatibility implementation of the ECMAScript Internationalization API (ECMA-402) for JavaScript
eligrey/l10n.js: Passive localization JavaScript library

$数据操作相关

¥Google 统计分析库

Boba.js – 用于 Google 统计分析 JavaScript 库 - 梦想天空(山边小溪) - 博客园

¥ow(为人类设计的的函数参数验证)

sindresorhus/ow: Function argument validation for humans

¥PourOver – 快速筛选和排序大的数据集合

PourOver – 快速筛选和排序大的数据集合 - 梦想天空(山边小溪) - 博客园
The PourOver Book · PourOver
NYTimes/pourover: A library for simple, fast filtering and sorting of large collections in the browser. There is a community-maintained fork that addresses a handful of post-NYT issues available via @hhsnopek's https://github.com/hhsnopek/pourover

¥RxJS

RxJS core

ReactiveX/rxjs: A reactive programming library for JavaScript
RxJS-CN/RxJS-Ultimate-CN: RxJS Ultimate 中文版
RxJS-CN/RxJS-Docs-CN: RxJS 5 中文文档
RxJS-CN/learn-rxjs-operators: Learn RxJS 中文版 (通过清晰的示例来学习 RxJS 5 操作符)
Reactive-Extensions/RxJSKoans: RxJS Koans
Reactive-Extensions/RxJS-DOM: HTML DOM Bindings for the Reactive Extensions for JavaScript
Reactive-Extensions/RxJS: The Reactive Extensions for JavaScript
btroncone/learn-rxjs: Clear examples, explanations, and resources for RxJS 5/6+
LeetCode-OpenSource/rxjs-hooks: React hooks for RxJS
RxJS
RxJS 中文文档
ReactiveX
前言 · RxJS 5 基本原理
前言 · 学习 RxJS 操作符

RxJS awesome

Functional Programming in Javascript
RxJS-CN/rxjs-articles-translation: RxJS 优质文章翻译
RxJS-CN/awesome-rxjs: Awesome list of RxJS 5
ichpuchtli/awesome-rxjs: A collection of awesome RxJS resources
Cmdv/React-RxJS: React + RxJs + React-Router + Webpack + babel and soon more
聊聊RxJS中的错误重试 - 掘金
RxJS进阶——关于流的理解和应用 - 掘金
用 Rx.js 写个抛物线动画 - Lambda Academy
DaoCloud 基于 RxJS 的前端数据层实践 - 知乎

¥state management

Flux

Flux core

facebook/flux: Application Architecture for Building User Interfaces
Flux | Application Architecture for Building User Interfaces

flux-standard-action

redux-utilities/flux-standard-action: A human-friendly standard for Flux action objects.

前端Flux架构简介 -解道Jdon
Flux简介 - 林涧的专栏 - CSDN博客
从React到Flux架构 - 简书
Flux架构学习 - 不断成长的我 - CSDN博客

immer

immerjs/immer: Create the next immutable state by mutating the current one
Introduction to Immer · Immer
Immer 全解析 - 掘金

mobx

MobX State Tree数据组件化开发

[MobX State Tree数据组件化开发][0]:开篇 - 掘金
[MobX State Tree数据组件化开发][1]:MST基础 - 掘金
[MobX State Tree数据组件化开发][2]:实例-TodoList - 掘金
[MobX State Tree数据组件化开发][3]:选择正确的types.xxx - 掘金

mobxjs/mobx: Simple, scalable state management.
Mobx如此简单 - 掘金
带你走进Mobx的原理 - 掘金
niqingyang/mobx-loading: 参考了 dva-loading 的思路,基于 mobx 实现了用于监控各个 mode 和 effect 加载状态的组件

SimpleStateManager

jonathan-fielding/SimpleStateManager: A responsive state manager which allows you to run different javascript at different browser widths

The Elm Architecture · An Introduction to Elm
基于Redux/Vuex/MobX等库的通用化状态OOP - 掘金
Vuex、Flux、Redux、Redux-saga、Dva、MobX

¥utility

node-modules/utility: A collection of useful utilities.
access log date format · jsPerf

¥缓存、记忆

alexreardon/memoize-one: A memoization library which only remembers the latest invocation
caiogondim/fast-memoize.js: :rabbit2: Fastest possible memoization library

¥搜索排序过滤

list.js

javve/list.js: The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.
Search, sort, filters, flexibility to tables, list and more! - List.js

mixitup

patrickkunka/mixitup: A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more
MixItUp | KunkaLabs

电脑文件夹排序中的名称排列那个字符最靠前?不仅仅限制汉字和字母。_百度知道

¥加密算法&信息加密

SHA

Caligatio/jsSHA: A JavaScript implementation of the complete Secure Hash Standard family (SHA-1, SHA-224, SHA3-224, SHA-256, SHA3-256, SHA-384, SHA3-384, SHA-512, SHA3-512, SHAKE128, and SHAKE256) as well as HMAC
jsSHA - SHA Hashes in JavaScript
emn178/js-sha256: A simple SHA-256 / SHA-224 hash function for JavaScript supports UTF-8 encoding.
emn178/js-sha512: A simple SHA-512, SHA-384, SHA-512/224, SHA-512/256 hash functions for JavaScript supports UTF-8 encoding.

MD5

blueimp/JavaScript-MD5: JavaScript MD5 implementation. Compatible with server-side environments like node.js, module loaders like RequireJS and all web browsers.
JavaScript MD5 Demo
satazor/js-spark-md5: Lightning fast normal and incremental md5 for javascript
placemarker/jQuery-MD5: JavaScript MD5 plugin, usable as part of the jQuery library or standalone
emn178/js-md5: A simple MD5 hash function for JavaScript supports UTF-8 encoding.
pvorb/node-md5: a JavaScript function for hashing messages with MD5
md5 - npm
wbond/md5-js: A modification of Joseph Myers's high-preformance javascript md5 function that hashes unicode characters by first converting to UTF-8. http://jsperf.com/md5-shootout
feross/md5-password-cracker.js: Crack MD5 passwords with JavaScript Web Workers
gdi2290/angular-md5: md5 for Angular.js and Gravatar filter
erm0l0v/webpack-md5-hash: Plugin to replace a standard webpack chunkhash with md5.
wpfpizicai/gulp-md5-plus: md5 plugin for gulp
lmk123/angularjs-requirejs-rjs-md5: AngularJS 的示例项目,使用 RequireJS 异步加载模块、指令、控制器等文件,使用 gulp 精简文件并将文件名重命名为 md5 的格式以便于存放在 CDN 中。

CryptoJS

brix/crypto-js: JavaScript library of crypto standards.
CryptoJS - CryptoJS
crypto-js - npm
sytelus/CryptoJS: This is unmodified copy of Google Code hosted CryptoJS project. CryptoJS is a growing collection of standard and secure cryptographic algorithms implemented in JavaScript using best practices and patterns. They are fast, and they have a
gwjjeff/cryptojs: Following googlecode project crypto-js, provide standard and secure cryptographic algorithms for NodeJS. Support MD5, SHA-1, SHA-256, RC4, Rabbit, AES, DES, PBKDF2, HMAC, OFB, CFB, CTR, CBC, Base64
entronad/crypto-es: A crypto-js written in ES.
How java&JavaScript uses CryptoJS AES encryption and decryption · Issue #165 · brix/crypto-js
javascript - AES Encrypt using CryptoJS - Stack Overflow
JS Bin - Collaborative JavaScript Debugging
Google Code Archive - Long-term storage for Google Code Project Hosting.
【重写 CryptoJS】一、ECMAScript 类与继承 - 知乎
Google Code Archive - Long-term storage for Google Code Project Hosting.
crypto-js AES 使用经验 | Moln’s blog
如何使用CryptoJS的AES方法进行加密和解密
Encryption and decryption using CryptoJS' AES implmentation - Plunker
crypto-js aes加密解密 - 个人文章 - SegmentFault 思否
前端 crypto-js aes 加解密 - 简书
使用CryptoJS进行AES加密_季夏右一-CSDN博客
Esnail - 博客园
CryptoJS实现AES加密_Nicholas的专栏-CSDN博客
javascript - 前端js使用crypto-js进行aes解密,解密内容为空 - SegmentFault 思否
JS加密插件CryptoJS实现AES加密操作示例_javascript技巧_脚本之家
js crypto_js/crypto_cryptojs aes - 云+社区 - 腾讯云
vue 中引入cryptoJS - secretAngel - 博客园
小程序使用npm包, 引入cryptoJs进行AES加密跟MD5加密 - 简书

sphinx

SphinxJS | A very light JS library which could encode a string to an image, or decode an image to a string.
jrainlau/sphinx: A very light JS library which could encode a string to an image, or decode an image to a string.

RSA

RSA算法基础详解 - 黄映焜 - 博客园

前端加密那点事 - 掘金
forkchain/alpha

¥不可变数据集合

SpaceAce

JonAbrams/SpaceAce: A fancy immutable storage library for JavaScript

¥双向数据绑定

jQuery.my – 实时的复杂的双向数据绑定 - 梦想天空(山边小溪) - 博客园
ermouth/jQuery.my: jQuery.my is a plugin that binds form controls with js data structures.
Basic concepts

$数据库 libs

GraphQL

GraphQL | A query language for your API
[译] 我们采用 GraphQL 技术的经验:营销技术活动 - 掘金
GraphQL 的入门指南 - 终身学习者 - SegmentFault 思否
采用 GraphQL 的技术经验:营销技术活动 - 掘金
thiagoleitedev/rest-fullstack: A real world REST app using GraphQL

graphqurl

hasura/graphqurl: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client.

PostgreSQL

tozd/node-reactive-postgres: Reactive queries for PostgreSQL
reactive-postgres - npm

sql.js

kripken/sql.js: SQLite compiled to JavaScript through Emscripten

This is 布局类

$grid

ag-grid

JavaScript Datagrid. Packed with features that your users need with the performance you expect
Grid布局指南 - _leonlee - 简书
ag-grid/ag-grid: Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components
ag-Grid: Datagrid packed with features that your users need with the performance you expect.

gridstack

Gridstack.js – jQuery Plugin for Widget Layout | jQuery Plugins
gridstack.js | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
gridstack.js
gridstack api翻译 - EasonTuring - 博客园
gridstack/gridstack.js: Design your own drag-and-drop dashboards with ease

gridster.js

ducksboard/gridster.js: gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
ww25.gridster.net/?z

jqGrid

tonytomov/jqGrid: jQuery grid plugin
jQuery Grid Plugin – jqGrid
jqGrid使用整理 - 月关 - ITeye博客
jQuery jqGrid | jQuery Plugin Registry
JQGrid的用法解析(列编辑,添加行,删除行) - CSDN博客
Guriddo
jqGrid权威文档-官网同步-中文--提供最权威的中文文档和实例
jqGrid - 开源中国社区
jqgrid--api,官网demo,编辑 - simonbaker - 博客园
利用JqGrid结合ashx显示列表之一 - 踏浪帅 - 博客园
jqGrid中文文档-中文权威
jqGrid中文API_Web前端开发框架_Web前端开发_Web开发网
jqGrid中文说明文档——选项设置_Helloweba
jqGrid中文API - 程序园
jqGrid demos-jqGrid实例-中文-mn886.net
jqGrid显示和隐藏列_jqGrid中文API_Web开发网

网格布局插件(Grid Plugins)

kombai/freewall: Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts for desktop, mobile, and tablet...
jdogresorg/freewallet-mobile: Mobile wallet for iOS/Android/Browser which supports Bitcoin and Counterparty
hongkiat/jquery-freewall-grid: This demo shows Grid layout that is built with jQuery plugin called FreeWall
jQuery Nested
Mason by DrewDahlman
DrewDahlman/Mason: Mason.js for creating a perfect grid with jQuery.
Griddy: Simple Grid Overlay Plugin for jQuery – DevGrow.com
Monji Dolon
jQuery Photoset Grid - Style Hatch
jPhotoGrid - A Beautify jQuery Image Gallery
Grid-A-Licious
suprb/Grid-A-Licious: jQuery Grid-A-Licious plugin (v3)
Log in to Wookmark
jboesch/jSquares: A simple image gallery with popup information on hover (similar to ted.com)

Gridster.net

$导航

Off Canvas 导航

移动 Web 开发必备!时尚的 Off Canvas 导航 - 梦想天空(山边小溪) - 博客园

响应式的单页网站导航插件

触摸滑出式导航菜单

jquery Win8 Metro风格界面的网址导航单页模板源码下载
jquery仿WIN8图片导航网站源码下载
jQuery上下收缩滑动树型菜单代码
jquery css3响应式布局制作多级响应式下拉菜单代码
jQuery鼠标悬停导航列表滑动展开菜单代码
jQuery橙色的二级折叠下拉菜单收缩展开效果
前端教程

$可伸缩布局

lib-flexible

amfe/lib-flexible: 可伸缩布局方案

$响应式布局

Freetile

yconst/Freetile: Freetile jQuery layout plugin

muuri

haltu/muuri: Responsive, sortable, filterable and draggable grid layouts
Muuri - Responsive, sortable, filterable and draggable grid layouts

$统一页面规格与布局

equalize.js

tsvensen/equalize.js: The jQuery plugin for equalizing the height or width of your elements
equalize.js

基于特定元素宽度改变字体大小和行高

FlowType.JS

FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width. | Simple Focus
simplefocus/FlowType.JS: Web typography at its finest: font-size and line-height based on element width.

This is 语言&语法类

$throttle&debounce

jquery-throttle-debounce

cowboy/jquery-throttle-debounce: jQuery throttle / debounce: Sometimes, less is more!
Ben Alman » jQuery throttle / debounce: Sometimes, less is more!

jquery-smartresize

louisremi/jquery-smartresize: Debounced and Throttled Resize Events for jQuery
smartresize demonstration

promise-throttle

JMPerez/promise-throttle: A small library to throttle promises. Useful to avoid rate limiting when using REST APIs.
promise-throttle (master) — A library to throttle promises — doxdox.org powered documentation

raf-schd

alexreardon/raf-schd: A throttle function that uses requestAnimationFrame to rate limit

swimmer

tannerlinsley/swimmer: 🏊 Swimmer - An async task pooling and throttling utility for JS
Swimmer - CodeSandbox

superagent-throttle

leviwheatcroft/superagent-throttle: A plugin for superagent that throttles requests.

函数节流和函数防抖

JS函数节流和函数防抖 - 掘金
一图秒懂函数防抖和函数节流 - 掘金
JavaScript专题系列-防抖和节流 - 掘金
JS专题之去抖函数 - 掘金
UnderScore源码看防抖和节流 - 掘金
节流防抖及其应用(搜索框和连续滚动优化) - 掘金
函数防抖与函数节流

debounce & throttle demo
scroll - Event reference | MDN
niksy/throttle-debounce: Throttle and debounce functions.
component/debounce: Debounce functions. Useful for implementing behavior that should only happen after a repeated action has completed.
m-gagne/limit.js: JavaScript event/call debounce & limit helper
bjoerge/debounce-promise: Create a debounced version of a promise returning function
dcorb/debounce-throttle: Debounce & Throtte JavaScript demo
sindresorhus/p-debounce: Debounce promise-returning & async functions
sindresorhus/debounce-fn: Debounce a function
porada/resizeend: Debounced JavaScript resize events
ForbesLindesay/throat: Throttle a collection of promise returning functions
zeit/async-throttle: Throttling made simple, easy, async.
addyosmani/network-emulation-conditions: Network emulation / throttling conditions (2G, 3G, 4G, Wifi etc) ☎️
sindresorhus/p-throttle: Throttle promise-returning & async functions
mistakster/throttle-proxy: Throttle HTTP/HTTPS/SOCKS proxy server
component/throttle: Throttle function calls
wuct/raf-throttle: Throttle a function by requestAnimationFrame
sitespeedio/throttle: Throttle your network connection [Linux/Mac OS X]
joshbuddy/tcplock: Throttle TCP connections to anything!
terkelg/workshy: A small (376B) lazy function scheduler for a butter smooth main thread

$算法、程序层面

¥函数式编程

fn.js

CrowdHailer/fn.js: A JavaScript library built to encourage a functional programming style & strategy. - http://eliperelman.com/fn.js

¥断言库

power-assert

¥原生对象&数组

Sugar

andrewplummer/Sugar: A Javascript library for working with native objects.
Sugar - A Javascript utility library for working with native objects.
Sugar - Home

collect.js

ecrmnn/collect.js: 💎 Convenient and dependency free wrapper for working with arrays and objects
collect.js - npm

Collections

Collections - Laravel - The PHP Framework For Web Artisans

This is other

axecore

AXErunners/axecore-lib: a pure and powerful JavaScript library for AXE
AXErunners/axecore-mnemonic: BIP39 Mnemonics

Auto.js

首页 - Auto.js
hyb1996/Auto.js: A UiAutomator on android, does not need root access

ccxt

ccxt/ccxt: A JavaScript / Python / PHP cryptocurrency trading library with support for more than 100 bitcoin/altcoin exchanges

Nunchuck.js

Nunchuck.js - 轻松实现多个设备的数据同步 - 梦想天空(山边小溪) - 博客园

outils

proYang/outils: 前端业务代码工具库
outils - npm

zuck.js

ramon82/zuck.js: A javascript library that lets you add stories EVERYWHERE.
zuck.js | ramon souza

Automated browser testing for the modern web development stack | TestCafe
Prototype JavaScript framework: a foundation for ambitious web applications
Feature.js
tangshuang/omd: javascript module method which is compatible with CommonJS(node), amd (RequireJS) & cmd (SeaJS)
ncase/trust: An interactive guide to the game theory of cooperation
o2team/wxapp-market: 小程序营销组件,Marketing components for WeChatApp
hujiulong/gcoord: A JS library for converting geographic coordinate system, support WGS84, BD09, GCJ02 and others
dawnlabs/carbon: 🎨 Create and share beautiful images of your source code
Kenshin/simpread: 简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的扩展
tehnokv/picojs: A face detection library in 200 lines of JavaScript
glidejs/glide: A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
gaearon/subliminal: An opinionated minimalistic VS Code theme for JavaScript
aws/aws-amplify: A declarative JavaScript library for application development using cloud services.
os-js/OS.js: JavaScript Cloud/Web Desktop Platform
zingchart/zingtouch: A JavaScript touch gesture detection library for the modern web
jakubfiala/atrament.js: Tiny JS library for beautiful drawing and handwriting on the HTML Canvas.
microstates/microstates.js: Composable State Primitives for JavaScript
gothinkster/realworld: "The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more 🏅
rwv/chinese-dos-games-web: 🌐 Source code of https://dos.zczc.cz
gmrchk/swup: Complete, flexible, easy to use page transition library.
reactioncommerce/reaction: Reaction is a customizable, real-time reactive, JavaScript commerce platform.
victorqribeiro/isocity: A isometric city builder in JavaScript

JS处理工具

$代码相关

¥JS模块化

¥ES模块化

fix-es-imports

billinghamj/fix-es-imports: Fixes your ES import paths - from Node-style to explicit filenames
fix-es-imports - npm

import-http

egoist/import-http: Import modules from URL instead of local node_modules

caridy/es6-module-transpiler-system-formatter: ES6 Module Transpiler Extension to Output `System.register()` Format
javascript - "export default from" doesn't work with Babel React - Stack Overflow
javascript - Re-export default in ES 6 modules - Stack Overflow
javascript - Can't require() default export value in Babel 6.x - Stack Overflow
javascript - When should I use curly braces for ES6 import? - Stack Overflow
ES6的模块化语法 - 掘金
ES6模块化之export和import的用法 - 掘金
一篇文章弄懂 JavaScript 中的 import - 掘金
ES6 import和export - 静简明 - 简书
require('./expample.js).default详解 - 简书
彻底搞清楚javascript中的require、import和export - 最骚的就是你 - 博客园
JavaScript ES6中export、import与export default的用法和区别 - byd张小伟 - 博客园
ES6模块之export和import详解 - byd张小伟 - 博客园
vue.js - vue组件注册为什么有时候要在require后面加上default? - SegmentFault 思否
Modules in ECMAScript 6 (ES6) | DotNetCurry
16. Modules
Read Understanding ECMAScript 6 | Leanpub
ECMAScript 6 modules: the final syntax
ES6详解八:模块(Module)!_言川的博客-CSDN博客
深入浅出ES6(十六):模块 Modules-InfoQ

¥UMD模块打包

Build tools

docpad/docpad-plugin-umd: Wrap specified JavaScript documents in the Universal Module Definition (UMD) allowing them to run in AMD, Require.js, CommonJS/Node.js and Vanilla environments automatically
bebraw/grunt-umd: Surrounds code with the universal module definition (MIT)
grunt-umd - npm
eduardolundgren/gulp-umd: Gulp plugin for build JavaScript files as Universal Module Definition, aka UMD
aearly/grunt-urequire: Grunt wrapper for uRequire
ruyadorno/generator-umd: An Yeoman Generator to create a basic UMD structure

Resources

dontkry.com

Testing

javascript - Grunt test for UMD - Stack Overflow

umd

umdjs/umd: UMD (Universal Module Definition) patterns for JavaScript modules that work everywhere.
UMD模块打包 · webpack指南

curljs

curl.js AMD Loader
cujojs/curl: curl.js is small, fast, extensible module loader that handles AMD, CommonJS Modules/1.1, CSS, HTML/text, and legacy scripts.
curl.js (javascript page curl image effect)
curl用法 - coderland - 博客园
javascript - how do I use curl.js to load an object? - Stack Overflow
curl如何获取js执行后的页面 - liuzhanpeng的回答 - SegmentFault 思否
curl获取内容后执行脚本问题-CSDN论坛
curl---一款实用的URL命令行网络通讯工具/库 - hbzyin - 博客园
Home · cujojs/curl Wiki

LABjs

JavaScript文件加载器LABjs API详解 - 韩子迟 - 博客园
getify/LABjs: Loading And Blocking JavaScript: On-demand parallel loader for JavaScript with execution order dependencies
Javascript文件加载:LABjs和RequireJS - 阮一峰的网络日志
LABjs | Drupal.org
LABJS的使用教程 - 学习_成长_分享 - SegmentFault 思否
LABJS浅析 - yuzhongwusan - 博客园
LAB.js使用 - xiaoyang_ - 博客园
LABjs异步加载组件 - - ITeye博客
这里有人用过LabJS么? - CNode技术社区

package.json

browserslist

browserslist/browserslist: 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env
browserslist - npm
Browserslist (@Browserslist) | Twitter
browserslist/browserslist: 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env
Browserslist

npm-package.json | npm Documentation
package.json的所有配置项及其用法,你都熟悉么 - 掘金
(译)package.json详解 - nullcc - 博客园
SPDX License List | Software Package Data Exchange (SPDX)
spdx - npm
npm-package.json | npm Documentation

peerDependencies & devDependencies & dependencies

探讨npm依赖管理之peerDependencies - wonyun - 博客园

package-lock.json

项目中使用package-lock.json锁版本问题 - weixin_33813128的博客

shimport

Rich-Harris/shimport: Use JavaScript modules in all browsers, including dynamic imports
Shimport demos

system.js

学习SystemJS 笔记 - 谢巴奥 - 博客园
SystemJS使用记录 - 简书
systemjs - npm
systemjs-JavaScript中文网-JavaScript教程资源分享门户
javascript - 关于Typescript编译的模块用System.js导入时出现的错误的疑问 - SegmentFault 思否
systemjs
SystemJS-WEB前端开发
systemjs/systemjs: Dynamic ES module loader
SystemJS是万能动态模块加载器
(5条消息)Angluar WARNING System.import() is deprecated and will be removed soon. Use import() instead - 李建帅 廊坊师范学院信息技术提高班十三期 - CSDN博客
Javascript模块加载捆绑器Browserify Webpack和SystemJS用法 -解道Jdon
react.js - jspm引入模块失败,System.import出错 - SegmentFault 思否

客户浏览器端范畴

¥AMD规范(在头部参数部分写好依赖,用difine和require,异步加载,提前执行,RequireJS 2.0+也改成可延迟执行,依赖前置,API 默认是一个当多个用)

core

amdjs/amdjs-api: Houses the Asynchronous Module Definition API
AMD · amdjs/amdjs-api Wiki
require · amdjs/amdjs-api Wiki
Home · amdjs/amdjs-api Wiki
Group for AMD JS Module API
Loader Plugins · amdjs/amdjs-api Wiki
Javascript模块化编程(二):AMD规范 - 阮一峰的网络日志

RequireJS

requirejs/requirejs: A file and module loader for JavaScript
RequireJS 中文网
RequireJS API
JS模块化工具requirejs教程(一):初识requirejs | 菜鸟教程
requirejs入门到精通 - CSDN博客
require.js 最佳实践 - digdeep - 博客园
requireJS 基本使用 - 天幽 - 博客园
AMD及requireJS - 小火柴的蓝色理想 - 博客园
一份超详细的requireJS介绍及应用-js教程-PHP中文网
RequireJS
Plugins · requirejs/requirejs Wiki
RequireJS Optimizer

mout

mout/mout: Modular JavaScript Utilities
mout : Modular JavaScript Utilities

¥CMD规范(使用过程中提出依赖,用difine和require,延迟执行,依赖就近,API职责单一)

core

模块系统 · Issue #240 · seajs/seajs
前端模块化开发的价值 · Issue #547 · seajs/seajs
前端模块化开发那点历史 · Issue #588 · seajs/seajs
CMD 模块定义规范 · Issue #242 · seajs/seajs
API 快速参考 · Issue #266 · seajs/seajs
从 CommonJS 到 Sea.js · Issue #269 · seajs/seajs

sea.js

SeaJS - A Module Loader for the Web
模块定义 - Sea.js 手册与文档
sea.js - 百度
seajs-JavaScript中文网-JavaScript教程资源分享门户
seajs/seajs: A Module Loader for the Web
Sea.js - A Module Loader for the Web
与 RequireJS 的异同 · Issue #277 · seajs/seajs

¥CommonJS/Node.js `require`

require1k

Stuk/require1k: A minimal, and yet practically useful, CommonJS/Node.js `require` module loader for the browser in under 1000 bytes
require1k — CommonJS require for the browser in 1k

require-polyfill

chenglou/require-polyfill: Make `require` work in browsers, at runtime. No code bundling needed!

【漫游Github】无编译/无服务器,实现浏览器的 CommonJS 模块化 - 掘金

¥html-imports

HTML Imports
HTML Imports

AMD 和 CMD 的区别有哪些? - 知乎
前端模块化之AMD与CMD原理(附源码) - 掘金
jordwalke/one-click.js: One Click, Offline, CommonJS Modules in the browser

服务器端范畴

¥CommonJS(Node采用,一文件一模块,require加载,返回exports,同步加载)

BravoJS

wesgarland/bravojsold: Official Home - http://bitbucket.org/wesgarland/BravoJS
codegooglecom/bravojs: Automatically exported from code.google.com/p/bravojs
dchouzer/bravojs: Automatically exported from code.google.com/p/bravojs
abundanzini/bravojs: Bravo HS JS Project
luisbravoa/bravojs
wesgarland/bravojs
cadorn/christoph-bravojs-packages: Automatically exported from code.google.com/p/christoph-bravojs-packages

node模块化之require学习 - 掘金
require()循环引用问题 - 掘金
【Node】详解模块的实现过程 - 掘金
require() 源码解读 - 阮一峰的网络日志
What is commonjs2 ? · Issue #1114 · webpack/webpack
node 的模块运行机制 - 掘金

anderlaw ( zarkey)
js 模块化的规范 - surfaces - 博客园
LABjs、RequireJS、SeaJS的区别_Seajs_脚本之家
require 和 import 详解 - 掘金
AMD 规范与CMD 规范概要 - 掘金
前端模块化详解(完整版) - 掘金
JavaScript模块化 --- Commonjs、AMD、CMD、es6 modules - Wayne-Zhu - 博客园
前端模块化小总结—commonJs,AMD,CMD, ES6 的Module - 天高任鸟飞吧 - 博客园
前端commonjs、AMD、CMD、ES6等模块化的对比 - wang729506596的博客 - CSDN博客
AMD,CMD.CommonJs和UMD还有es6的模块化对比 - 上帝不是要你成功,而是让你去尝试 - 博客园
JavaScript 模块化:CommonJS、AMD、CMD、UMD 和 ES6 Module - 简书
前端模块化方案:CommonJS/AMD/CMD/ES6规范
前端模块化CommonJS、CMD、AMD、ES6 - 简书
深度阅读<Javascript Modules 从IIFEs 到CommonJS 到 ES6 Modules> - 掘金
JavaScript Modules: From IIFEs to CommonJS to ES6 Modules
[译] 为什么我不再使用 export default 来导出模块 - 掘金
【译】JavaScript 模块:从立即执行函数 ( IIFEs ) 到 CommonJS 再到 ES6 模块 - 掘金
前端模块化杂记 - 掘金
ES6模块与commonJS模块的差异 - 掘金
JS模块化编程 - 掘金
从前端模块化编程切入想聊聊前端的未来(文末有我想问的问题) - 掘金
[译] 模块化系统中的 event.stopPropagation() - 掘金
JavaScript Modularization Journey
深谈require和import - CSDN博客
es6 import和require用法和区别 - CSDN博客
webpack中require和import的区别 - CSDN博客
JS 中的require 和 import 区别 - 山高我为峰 - 博客园
写了十年JS却不知道模块化为何物? - 野狗科技官方专栏 - SegmentFault 思否
前端工程师必备:前端的模块化 - 掘金
比较 commonjs 和 ESM 模块使用方式 - 掘金

¥js内存机制

深入理解js内存机制 - 前端 - 掘金
记一次网页内存溢出分析及解决实践 - 掘金

¥utility collection

Module - Eustia: A Tool for Generating JavaScript Utility Libraries:)
对api请求封装的探索和总结 - 掘金
liriliri/licia: Useful utility collection with zero dependencies
A New Utility Library Designed to Get Things Done – Hacker Noon
omidh28/clarifyjs: Create and Execute Chained Javascript Methods In Any Order You want
超实用JavaScript工具库 - 知乎

¥模板引擎

artTemplate

artTemplate
高性能JavaScript模板引擎原理解析 – 腾讯CDC
aui/art-template: High performance JavaScript templating engine
art-template
arttemplate - Awesomes
art-template

BaiduTemplate

BaiduTemplate模板引擎
BaiduFE/BaiduTemplate: 前端模板

st.js

SelectTransform/st.js: JSON template over JSON

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/template_strings
Template literals - JavaScript | MDN
EJS - JavaScript Templates
非转义序列的模板字符串 | esnext | es6 es7 es2017 es2018 es2019
[译] 只有 20 行的 JavaScript 模板引擎 - Jrain-前端玩具盆 - SegmentFault 思否
关于高效、高质和高产 - 掘金
60行代码实现简单模板语法 - 掘金
Topic: tagged-template

¥正则表达式

regexper

Regexper
Regulex、Regexper、Debuggex - 三款『正则表达式』可视化工具[Web] - 小众软件
Regexper:牛逼的 JavaScript 正则可视化工具 - 梦想天空(山边小溪) - 博客园
regexper图形化正则表达式工具 - 景洪的博客 - CSDN博客
Regexper

语法

zeeshanu/learn-regex: Learn regex the easy way
正则表达式()、[]、{}的区别 - RichieWen - 博客园
正则中需要转义的特殊字符小结_正则表达式_脚本之家
javascript正则表达式---正向预查 - chenby - 博客园
JavaScript 正则表达式上——基本语法 - 谦行 - 博客园
正则的与或非 - 掘金
JS正则表达式完整教程(略长) - 掘金
正则表达式之量词 - 掘金
这是一篇男女老少入门精通咸宜的正则笔记 - 掘金

demo&汇总

最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等_正则表达式_脚本之家
常用正则表达式汇总—(数字匹配/字符匹配/特殊匹配) - CSDN博客
马上收藏!史上最全正则表达式合集 - 掘金
史上最全的正则表达式-匹配中英文、字母和数字 - CSDN博客
正则表达式去掉前后、左右、去掉所有的空格 - CSDN博客
JS判断输入是否为整数的正则表达式 - 芜明-追星 - 博客园
JS正则表达式验证数字 - - ITeye博客
js最新手机号码、电话号码正则表达式-前端开发博客
正则表达式中文字符和空格匹配 - CSDN博客
regexp - 正则表达式如何精确匹配空格 - SegmentFault 思否
JavaScript 正则表达式匹配成功后的返回结果 - CSDN博客
正则表达式获取文件名和后缀 - CSDN博客
必备之常用正则表达式 | 晚晴幽草轩
关于日期正则表达式的思路详解_正则表达式_脚本之家
日期和时间的正则表达式 - zhilong001 - 博客园
正则表达式匹配任意字符(包括换行符)的写法 - _再见理想 - 博客园
小览 ES6-ES2019 中正则表达式的新发展 - 掘金
Regular Expression Library
Rex V: an AJAX Regular EXpression eValuator -
正则实现数组滤重 - 掘金
正则匹配整数和小数 - 陆漫漫 - 博客园
正则全攻略使用手册,你确定不进来看看吗 - 掘金
常用正则表达式 - 掘金
JavaScript 正则入门到掌握 - 掘金
正则表达式匹配URL或者网址 - qhzhen的博客 - CSDN博客
JavaScript正则表达式备忘单 - 掘金
吃透js中正则表达式 - 掘金
面试官!让我们聊聊正则 - 掘金
一篇不大靠谱的常用正则表达式汇总(前端) - 掘金
js替换字符串中的空格,换行符\r\n或\n替换成<br> - 云上丶无忧 - 博客园
JsCode/前端常用rule校验.js at master · jiaopianjun/JsCode
常用的JS正则校验表达式 | 故事胶片
金额千分位格式化函数两种实现方法(使用正则和不使用正则) - 沸点 - 掘金
常用JS正则大全(2019年11月12日更新) - 掘金

¥测试工具

¥Source Maps

针对 Source Maps 的一篇介绍(翻译) - 掘金
Source Map Revision 3 Proposal - Google 文档

unit-test-demo

tank0317/unit-test-demo: 一步一步介绍如何给项目添加单元测试

¥防御性编程

js错误处理权威指北 - 掘金
Handling Errors in JavaScript: The Definitive Guide
前端开发中的Error以及异常捕获 - 掘金
前端防御性编程 - 掘金

¥函数式编程

list

funkia/list: 🐆 An immutable list with unmatched performance and a comprehensive functional API.
一步一步教你 JavaScript 函数式编程(第三部分)-WEB前端开发
一步一步教你 JavaScript 函数式编程(第二部分)-WEB前端开发
一步一步教你 JavaScript 函数式编程(第一部分)-WEB前端开发
(译) 函数式 JS #1:简介 - 掘金
(译) 函数式 JS #2: 函数! - 掘金
(译)函数式 JS #3: 状态 - 掘金

eczn/se: 🔣 lisp 方言解释器 (emmm)
反对函数式编程的政治正确 - 掘金
我是怎样走上函数式编程的不归路的 - 掘金
一些关于JavaScript函数式编程的思考 - 掘金
我眼中的 JavaScript 函数式编程 - 前端 - 掘金
[译] 编写函数式的 JavaScript 实用指南 - 掘金
JavaScript 中的 Currying(柯里化) 和 Partial Application(偏函数应用)-WEB前端开发
JavaScript 函数式编程术语大全-WEB前端开发
eczn's blog | Rally
【译】JavaScript中纯函数是什么 - 掘金
【译】你的编程语言能做到这个吗?(为什么要学函数式编程) - 掘金
JavaScript函数式编程,真香之认识函数式编程(一) - 桃园
JavaScript函数式编程,真香之组合函数(二) - 掘金
函数式编程最佳实践 - 掘金
[译] JavaScript 函数式编程指引 - 掘金

¥前端常用命令行

blessed-contrib

yaronn/blessed-contrib: Build terminal dashboards using ascii/ansi art and javascript

svg-term-cli

marionebl/svg-term-cli: Share terminal sessions via SVG and CSS

rupa/z: z - jump around
命令行批量截图Node脚本 - 掘金
NodeJS和命令行程序 - 掘金
Windows常用shell命令大全 - ztxjzh的博客 - CSDN博客

¥数据结构与数据类型

JS 数据类型

Array

数组去重

jQuery.uniqueSort() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
经典js面试题:数组去重 - 掘金
JS专题之数组去重 - 掘金
如何将相同属性的数组对象合并并统计个数 - 掘金
js数组去重的4个方法 - CSDN博客
jquery 数组去重 - CSDN博客
[1,2,1,3].unique()实现数组去重最优方法 - 懒人的小窝

数组排序

JS数组排序sort()方法同时按照两种方式排序的用法 - hiwynn - 博客园
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)_javascript技巧_脚本之家
Js数组排序函数sort()介绍_javascript技巧_脚本之家
关于js中sort()排序方法 - 番茄pan - 博客园

数组拷贝

js实现数组和对象的深浅拷贝_javascript技巧_脚本之家
javascript深拷贝和浅拷贝详解_javascript技巧_脚本之家

数组遍历

Array.prototype.forEach() - JavaScript | MDN
JavaScript数组forEach()、map()、reduce()方法 - dataman - 博客园
jQuery判断数组是否包含了指定的元素_jquery_脚本之家
jQuery遍历对象、数组、集合实例_jquery_脚本之家
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象_jquery_脚本之家
JQuery中$.each 和$(selector).each()的区别详解 - 郝高胜 - 博客园
避免恼人的空值之reduce - 掘金
javaScript遍历对象、数组总结 - 抖音 - 博客园

数组添加删除修改元素

splice

JavaScript中易混淆的方法之split、splice、slice辨析比较 - CSDN博客
js splice()的用法 - 蒲木杉 - 博客园
JavaScript中splice的用法 - CSDN博客
javascript - js 数组中的某一位和它前面的一位换位置,有什么好的方法 - SegmentFault 思否
JS 将一个数组按指定长度分割,组成一个新的数组集合 - 吾生有涯,而知无涯! - 博客园

浅析jquery数组删除指定元素的方法:grep()_jquery_脚本之家
Js删除数组中某一项或几项的几种方法(推荐)_基础知识_脚本之家
jQuery根据元素值删除数组元素的方法_jquery_脚本之家
js数组操作-删除首项、删除尾项、头部添加项、尾部添加项 - CSDN博客
创建包含N个空对象的数组 - 掘金

数组合并

JS合并两个数组的方法 - 若水若鱼 - 博客园
JS 将一个数组按指定长度分割,组成一个新的数组集合 - 吾生有涯,而知无涯! - 博客园

常见操作

JavaScript 遍历、枚举与迭代的骚操作(上篇) - 掘金
JavaScript 遍历、枚举与迭代的骚操作(下篇) - 掘金
https://mp.weixin.qq.com/s?__biz=MzIzNTU2ODM4Mw==&mid=2247486493&idx=1&sn=700aaf31be7eaeddc6820d6770acb541&chksm=e8e4618ddf93e89ba18044ec906a567db49dadc79428a7ca5f64778f39853999cf5e891804fd&mpshare=1&scene=23&srcid=051806OfJ8I3Td7t7vqLf7By#rd
javascript 数组(array) 常用的方法集锦(上) - 掘金
数组的七个 API 的简单实现 - 掘金
javascript - 获取一个数组中的连续数字 - SegmentFault 思否
JavaScript中数组Array.prototype的常用的方法总结 - CSDN博客
spicyboiledfish/Array.prototype: API for Array.prototype
js正则表达式匹配返回数组-CSDN论坛
jquery操作对象数组元素方法详解_jquery_脚本之家
JS针对Array的各种操作汇总_javascript技巧_脚本之家
js数组方法 改变原数组和不改变原数组的方法整理 - love07070707的博客 - CSDN博客
在项目实践中用更优雅的方式处理数组问题 - 掘金
jquery操作对象数组元素方法详解_jquery_脚本之家
js正则表达式匹配返回数组-CSDN论坛
JS针对Array的各种操作汇总_javascript技巧_脚本之家
JavaScript判断变量是否为数组的方法(Array)_javascript技巧_脚本之家

BigInt

BigInt - JavaScript | MDN
JavaScript data types and data structures - JavaScript | MDN
tc39/proposal-bigint: Arbitrary precision integers in JavaScript
BigInt: arbitrary-precision integers in JavaScript  |  Web  |  Google Developers

Number&String

javascript - js怎么用递归的方式实现每隔3个数字加一个逗号? - SegmentFault 思否
JS获取字符串实际长度(包含汉字)的简单方法_javascript技巧_脚本之家
五种js判断是否为整数类型方式_javascript技巧_脚本之家

Set & Map

Map and Set
【译】Array与Set的异同及使用场景 - 掘金
JS 中的 (Weak)Set 和 (Weak)Map - 掘金
ES6中的Map与Set集合 - 掘金
【译】Object与Map的异同及使用场景 - 掘金
史上最全Set和Map详解 - 掘金

Symbol

关于使用Symbol的注意点 - 掘金
es6 symbol - 掘金

语法和数据类型 | MDN
玩转 JavaScript 之数据类型 - 掘金
探索 Python 来反补 JavaScript,带你 Cross Fire —— JS 数据类型的奥秘 - 掘金
说说JavaScript的类型转换 - 掘金
[译]揭秘基本数据类型 - 掘金
从 ES 规范的角度讲解 +、Number 类型转换 - 掘金

JS 数据结构

栈与队列

用JavaScript实现栈与队列 - 掘金
JS数据结构学习:栈 - 掘金
使用JavaScript的数组实现数据结构中的队列与堆栈 - 孤傲苍狼 - 博客园

链表

【译】2019年JavaScript中的计算机科学:链表 - 掘金

复杂度分析

【小猪佩奇漫画】| 复杂度分析原来那么简单! - 掘金

前端数据操作

parseInt

这些关于 parseInt 的题你都会吗? - 掘金

前端数据操作总结 - 掘金
全面总结 JS 中浮点数运算问题 - 掘金
抓住数据的小尾巴 - JS浮点数陷阱及解法 - 知乎
js浮点数运算的坑,多少同学有碰到过? - 木白先生 - 博客园

Data structures reference, for coding interviews and computer science classes | Interview Cake

¥异步编程

¥async/await

async/await core

tc39/proposal-top-level-await: top-level `await` proposal for ECMAScript (stage 3)
Top-Level Await
async 函数 - ECMAScript 6入门
developer.mozilla.org
异步函数 - 提高 Promise 的易用性  |  Web  |  Google Developers

async/await 教程

8张图让你一步步看清 async/await 和 promise 的执行顺序 - 掘金
【译】JavaScript的工作原理:事件循环及异步编程的出现和 5 种更好的 async/await 编程方式 - 掘金
细说 async/await 相较于 Promise 的优势 - 掘金
async/await 优雅的错误处理方法 - 掘金
[译] JavaScript - Generator-Yield/Next 和 Async-Await - 掘金
从生成器到async/await - 掘金
JS异步编程之async&await - 掘金
JS 异步编程六种方案 - 掘金
如何优雅地处理Async/Await的异常? - Fundebug - 博客园

buha.js

flouthoc/buha.js: Browser based Strictly ordered Task Queue for Sync/Async Javascript Functions
buha.js - browser based Strictly ordered Task Queue for Sync/Async Javascript Functions.

JS task到底是怎么运行的 · Issue #4 · rhinel/blog-word
fe/2017-12-07-await-vs-return-vs-return-await.md at master · dev-reading/fe
前端er,你真的会用 async 吗? - 掘金
vue中async-await的使用误区 - 掘金
谈一谈几种处理 JavaScript 异步操作的办法 - 掘金
[译] 如何在实际开发案例中掌握 Async/Await - 掘金
结合 async 异步函数 - 提高 Promise 的易用性 - 掘金
[译] JavaScript 异步演进史,从 Callbacks, Promises 到 Async/Await - 掘金
理解 async/await - 超人前端之路 - SegmentFault 思否
理解 JavaScript 的 async/await - 边城客栈 - SegmentFault 思否
8张图帮你一步步看清 async/await 和 promise 的执行顺序 - 前端进阶 - SegmentFault 思否
JavaScript Async/Await Explained in 10 Minutes - Tutorialzine
如何正确使用async/await?
async/await的使用以及注意事项 - OrangeJ - CSDN博客
用 async/await 来处理异步 - SamWeb - 博客园
async/await 原理及执行顺序分析 - 掘金

¥Generator

Generator 函数的语法 - ECMAScript 6入门
Es6 generator浅入浅出 - 掘金
浅谈ES6中迭代器和生成器 - 掘金
JS异步编程之Generator - 掘金
Generator 基础指南 - 掘金
Generator函数简单记录 - 掘金
面试之generator - 掘金
迭代器(iterator)与生成器(generator) - 掘金
利用Generator实现按顺序执行异步操作 - 掘金
ES6 Generator 教程 - 掘金
Generator函数语法解析 - 掘金
async 函数与 Generator 与co模块 - 掘金
ES6系列之Generator生成器全解析 - 掘金

¥Promise

promise core

Promise - JavaScript | MDN
使用 Promises - JavaScript | MDN
Promise - JavaScript | MDN
Promise - 廖雪峰的官方网站
.promise() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
Promise 对象 - ECMAScript 6入门
JavaScript Promise:简介  |  Web  |  Google Developers
.promise() | jQuery API Documentation
Promises
deferred.always() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
jQuery.when() | jQuery API Documentation
JavaScript Promise迷你书(中文版)
liubin/promises-book: JavaScript Promise迷你书

bluebird

petkaantonov/bluebird: Bluebird is a full featured promise library with unmatched performance.

es6-promise

stefanpenner/es6-promise: A polyfill for ES6-style Promises

microjs-q

npmcomponent/microjs-q

promise-fun

sindresorhus/promise-fun: Promise packages, patterns, chat, and tutorials

promise-queue

promise-queue/promise-queue: Promise-based queue
cnwhy/promise-queue-plus: Promise-based queue. Support timeout, retry and so on.

q

kriskowal/q: A promise library for JavaScript
q - npm
kriskowal/q

promise用法&教程

.always

OsoianMarcel/promise-all-always: Execute all the promises whether they resolve or reject
hybridables/always-promise: Promisify, basically, everything. Generator function, callback-style or synchronous function; sync function that returns child process, stream or observable; directly passed promise, stream or child process.
hybridables/always-done: Handle completion and errors with elegance! Support for async/await, promises, callbacks, streams and observables. A drop-in replacement for async-done - pass 100% of its tests plus more
wendux/es6-promise-always: Extend method always for es6 Promise object

promises 很酷,但很多人并没有理解就在用了 - WEB前端 - 伯乐在线
ES6 Promise 用法(我见过最简洁优秀的文章) - CSDN博客
Javascript中Promise的四种常用方法总结_javascript技巧_脚本之家
大白话讲解Promise(三)搞懂jquery中的Promise - 吕大豹 - 博客园
浅析Promise用法 - 简书
武官尚书 - SegmentFault 思否
ES6 Promise 用法讲解 - 掘金
ES6 JavaScript Promise的感性认知 « 张鑫旭-鑫空间-鑫生活
谈谈 ES6 的 Promise 对象 - ac黄博客精选 - SegmentFault 思否
jquery 之 Deferred 使用与实现 - 冠军 - 博客园
jQuery的deferred对象详解 - 阮一峰的网络日志
jQuery之Deferred对象详解 - losesea - 博客园
使用 Promises 编写更优雅的 JavaScript 代码 - 梦想天空(山边小溪) - 博客园
构建Promise队列实现异步函数顺序执行 - vcxiaohan的博客 - CSDN博客
promise、async和await之执行顺序的那点事
js在for循环中执行异步操作,把每次异步的结果保存在数组中,如何在循环外面使用数组? - 开源中国社区
彻底理解Promise对象——用es5语法实现一个自己的Promise(上篇) - 勇敢的半导体 - 博客园
es5实现promise,多异步请求返回数据 - muamaker - 博客园
手写实现满足 Promise/A+ 规范的 Promise - 掘金
老生常谈-实现一个Promise - 掘金
Javascript中Promise的四种常用方法总结_javascript技巧_脚本之家
原生es5封装的Promise对象 - 掘金
关于promise(一) - chenxj - 博客园
深入 Promise - 掘金
ES6 Promise 执行解析 - 掘金
JS异步编程之Promise - 掘金
前端异步技术之Promise - 掘金
如何用 Promise 自定义一个 GET 请求的函数 - 掘金
记一次Promise在api接口合并中的实践 - 掘金
刘涛的个人小站
promise常见错误 - 掘金
Promise 其实很简单 - 掘金
Promise源码解析-步步为营皆可及 - 掘金
关于 promise 吃到错误的理解 - 另一个小菜头 - 博客园
Promise初步详解(resolve,reject,catch) - selfimpr626 - CSDN博客
JS异步编程之Promise详解和使用总结 - 掘金
Promise源码解析-步步为营皆可及 - 掘金
Promise里在延时器里throw new Error,为什么不能被后面的reject回调或者catch捕获? - 竹晓玉的回答 - SegmentFault 思否

这一次,彻底弄懂 Promise 原理 - 掘金

async

caolan/async: Async utilities for node and the browser
Home - Documentation

async.js

eligrey/async.js: async/await before promises were invented. It facilitates asynchronous actions (promises) with synchronous-style syntax

rsvp.js

tildeio/rsvp.js: A lightweight library that provides tools for organizing asynchronous code

js的三种异步处理 - 掘金
ES6 中的 三种异步解决方案 - 掘金
如何实现一个LazyMan? - 知乎
异步编程解决方案全集—promise、generator+co、async+await - 掘金
JS 高级之手写一个Promise,Generator,async和 await【近 1W字】 - 掘金
形象解密Promise、Generator 函数、Async 函数三者之间的关系(上) - 掘金
生动形象解密Promise、Generator 函数、Async 函数三者之间的关系(下) - 掘金

¥代码直接相关

free-variables

javascript - What are free variables? - Stack Overflow
Newest 'free-variable' Questions - Stack Overflow

JavaScriptCore

JavaScriptCore全面解析 - 掘金
对象存储 JavaScript SDK - 附录 - 文档平台 - 腾讯云
JS基础知识深入总结 - 掘金

JS代码美化和格式化工具

js-beautify

beautify-web/js-beautify: Beautifier for javascript
Online JavaScript beautifier

prettier

Prettier
prettier/prettier: Prettier is an opinionated code formatter.
prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.
prettier/prettier-vscode: Visual Studio Code extension for Prettier
Options · Prettier
Configuration File · Prettier
Prettier · Opinionated Code Formatter
WebStorm Setup · Prettier
Editor Integration · Prettier
Behind the Scenes: Improving the Repository Infrastructure – React Blog
JsPrettier - Packages - Package Control
eslint prettier的配置选项(参数)官网直译 - javascript拾贝 - SegmentFault 思否
如何配置Prettier - 个人文章 - SegmentFault 思否
Prettier 学习笔记 - 简书
Prettier - Code formatter - Visual Studio Marketplace

polacode

octref/polacode: 📸 Polaroid for your code
Polacode - Visual Studio Marketplace

standard

standard/standard: 🌟 JavaScript Style Guide, with linter & automatic code fixer
standard/RULES.md at master · standard/standard
standard/README-zhtw.md at master · standard/standard
standard/README-zhcn.md at master · standard/standard

jeasonnow/choiceJs: Use choiceJs instead of if...else...
使用 Eslint + Prettier + husky + lint-staged 提高前端项目质量、统一项目代码风格 - 掘金
Make linting great again! – Andrey Okonetchnikov – Medium
JS Nice – JavaScript 代码美化和格式化工具 - 梦想天空(山边小溪) - 博客园

JS封装

编写自己的代码库(javascript常用实例的实现与封装) - 掘金
adrianmcli/js-state-encapsulation: Examples of state encapsulation in Javascript

ReasonML

ReasonML——新的前端强类型语言简介 - 掘金

代码校验、提速与解析

nearley

kach/nearley: 📜🔜🌲 Simple, fast, powerful parser toolkit for JavaScript.
Home - nearley.js - JS Parsing Toolkit

prepack

facebook/prepack: A JavaScript bundle optimizer.
Prepack · Partial evaluator for JavaScript

¥validation

joi

hapijs/joi: Object schema validation

JSHint, a JavaScript Code Quality Tool
The Roles Model | Accessible Rich Internet Applications (WAI-ARIA) 1.0
Supported States and Properties | Accessible Rich Internet Applications (WAI-ARIA) 1.0
JavaScript Lint
JSLint: The JavaScript Code Quality Tool
ESLint - Pluggable JavaScript linter
注释那些事儿 - 前端代码质量系列文章(一) - 掘金
圈复杂度那些事儿-前端代码质量系列文章(二) - 掘金
为你的 JavaScript 项目添加智能提示和类型检查 - 掘金
[译] 避免那些可恶的 "cannot read property of undefined" 错误 - 掘金
JavaScript 复杂判断的更优雅写法 - 掘金
[译] 五个小技巧让你写出更好的 JavaScript 条件语句 - 掘金

代码重构

重构你的javascript代码 - 掘金

开发轮子

在NPM发布自己造的轮子 - 掘金
halldwang/your-js-lib: 快速开发一个轮子
高级Js-Tab切换组件_失心疯的博客-CSDN博客

重温基础

【重温基础】1.语法和数据类型 - 掘金
【重温基础】2.流程控制和错误处理 - 掘金
【重温基础】3.循环和迭代 - 掘金
【重温基础】4.函数 - 掘金
【重温基础】5.表达式和运算符 - 掘金
【重温基础】6.数字 - 掘金
【重温基础】7.时间对象 - 掘金
【重温基础】8.字符串 - 掘金
【重温基础】9.正则表达式 - 掘金
【重温基础】10.数组 - 掘金
【重温基础】11.Map和Set对象 - 掘金
【重温基础】12.使用对象 - 掘金
【重温基础】13.迭代器和生成器 - 掘金
【重温基础】14.元编程 - 掘金
【重温基础】15.JS对象介绍 - 掘金
【重温基础】16.JSON对象介绍 - 掘金
【重温基础】17.WebAPI介绍 - 掘金
【重温基础】18.相等性判断 - 掘金
【重温基础】19.闭包 - 掘金
【重温基础】20.事件 - 掘金
【重温基础】21.高阶函数 - 掘金
【重温基础】22.内存管理 - 掘金
【重温基础】JS中的常用高阶函数介绍 - 掘金
【重温基础】instanceof运算符 - 掘金

答疑解惑

结构答疑

js 内置对象

JavaScript Date

JavaScript Date类型与时区同步 - CSDN博客
根据本地/服务器时间获取指定时区时间 new Date指定时区时间 - CSDN博客
JS将UTC格式日期字串转换成日期DATE对象 - CSDN博客
JavaScript Date 对象
javascript中如何设置指定时区的Date对象(不想与本地时区有关联)_百度知道

document

document.body、document.documentElement和window获取视窗大小的区别 - 郑星阳 - ITeye博客
漫谈document.documentElement与document.body - 简书
JS中document.documentElement和document.body - memgke的博客 - CSDN博客
document.body的一些用法以及js中的常见问题 - Daniel - CSDN博客
js中document.documentElement 和document.body 以及其属性 - huang100qi的专栏 - CSDN博客
js中document.documentElement 和document.body 以及其属性 - clouds008 - 博客园
document.body 与 document.documentElement区别介绍 - Mrdo - 博客园
DTD 简介
Document.body - Web APIs | MDN
Document.documentElement - Web APIs | MDN
js中document.documentElement 和document.body 以及其属性 clientWidth等 - 我当道士那儿些年 - 博客园

window&location对象

location.hash

apopelo/jquery-hashchange: A jQuery plugin which allows to bind callbacks to custom window.location.hash (uri fragment id) values.
hash.js Javascript/jQuery 解析/监听url hash - 郎涯工作室 - CSDN博客
cloudcome/jquery.hash
js 监听URL的hash变化 - 前端__小川 - 博客园
cowboy/jquery-hashchange: This jQuery plugin enables very basic bookmarkable #hash history via a cross-browser HTML5 window.onhashchange event.

window.postMessage

HTML5中window.postMessage,在两个页面之间的数据传递
localstorage的跨域存储方案 - 简书

window.location方法获取URL及window.location.assign(url)和replace(url)区别 - CSDN博客
javascript中window.open()与window.location.href的区别 - 刘奇云 - 博客园
location.hash详解 - CSDN博客
window.open(url)打开链接被浏览器拦截解决方案 - CSDN博客
window.location.href和window.location.hash的区别 - CSDN博客
window.opener方法的使用 刷新父页面 - 小贝de - CSDN博客
Location 对象,URL 对象,URLSearchParams 对象 - JavaScript 教程 - 网道
了解JS中的全局对象window.self和全局作用域self « 张鑫旭-鑫空间-鑫生活

History对象

History.pushState() - Web API 接口 | MDN
HTML5之pushstate、popstate操作history,无刷新改变当前url - FED社区
浏览器“后退”、“前进”或可以这么去监听 - WEB前端 - 伯乐在线

Dom 中 children 与childNodes 的区别 - CSDN博客
querySelector与querySelectorAll区别及用法 - CSDN博客
translation/NodeList.md at master · cncounter/translation
Math.log 函数 (JavaScript)

js 魔高一丈

获取宽高

offset client scroll

js的onscroll、scrollTop、scrollHeight及window.scroll等方法 - 狂奔的小马扎 - 博客园
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop - qq_35430000的博客 - CSDN博客
终于清晰啦!offsetHeight、scrollHeight、clientHeight和offsetTop、scrollTop、clientTop - 特大号虾米的博客 - CSDN博客
js中offsetHeight、clientHeight、scrollHeight等相关属性区分总结 - Demi馨馨 - 博客园
scrollHeight,clientHeight,offsetHeight在火狐、IE、谷歌浏览器下的区别 - 柒玲珑 - 博客园
clientHeight的问题-CSDN论坛
clientHeight在谷歌中的兼容_慕课问答
关于IE 7 兼容 clientHeight问题_已解决_博问_博客园
clientHeight是个问题 - zxiaoc的专栏 - CSDN博客
js的clientHeight和jQuery的innerHeight()的区别及不同浏览器兼容问题 - Y.S.Z - 博客园
兼容各种浏览器的获取clientheight 等参数 - winter_leaf_wei的专栏 - CSDN博客
clientHeight , scrollHeight , offsetHeight之间的区别及兼容方案 - 南山老幺 - 博客园
元素 offset client scroll 相关属性简介 - 掘金

jquery获取宽高

$(window).height() 和 $(document).height()的区别 - Una容儿 - 博客园
jquery获取元素各种宽高及页面宽高总结 - 古兰精 - 博客园
获取屏幕宽高width(),outerWidth,innerWidth,clientWidth的区别 - 风雨过后见彩虹 - SegmentFault 思否
window.innerWidth以及window.outerWidth的区别 - sinat_32067081的博客 - CSDN博客
Js/Jquery获取网页屏幕可见区域高度 - 王洪宝 - 博客园

获取元素距离顶部

Jquery获取元素距离文档顶部的距离 - wangcuiling_123的博客 - CSDN博客
js获取页面元素距离浏览器工作区顶端的距离 - 酒香逢 - 博客园
javascript - 怎样使用jQuery获取元素到文档顶部的距离。元素的高度单位为rem。 - SegmentFault 思否
jquery元素到窗口顶部的距离 - qq_23260639的博客 - CSDN博客
js,jquery 获取滚动条高度和位置, 元素距顶部距离 - 草木物语 - 博客园
如何用jquery获得页面元素到窗口顶部的距离?_百度知道
JavaScript获取元素距离文档顶部的距离-蚂蚁部落
jQuery获取div距离窗口顶部或者父元素顶部的距离-蚂蚁部落
jquery怎样获取元素离浏览器可见区顶部的距离,注意不是离文档顶部的距离_百度知道
怎样使用jQuery获取元素到文档顶部的距离。元素的高度单位为rem。 - luzemin的回答 - SegmentFault 思否
js jquery 获取某一元素到浏览器顶端的距离 - genziisme的专栏 - CSDN博客

img宽高

获取img的真实宽高 - 小二什么的 - 博客园
万恶的css(一)img固定宽高问题 - 简书
如何设置html中img宽高相同-css - 一线蓝光 - 博客园
如何设置html中img标签宽高相等? - Rubine的回答 - SegmentFault 思否
图片(img)的等比例自动缩放 - 千千 - CSDN博客
CSS如何设置图片宽度和高度 - DIVCSS5

原生js获取元素的宽高 - 向着太阳生 - 博客园
js 获取浏览器高度和宽度值(兼容多浏览器) - 每天都记录一点点! - CSDN博客
js 获取屏幕各种宽高的方法(浏览器兼容) - 逆转流年 - 博客园
js 获取屏幕各种宽高的方法(浏览器兼容)_javascript技巧_脚本之家
JS,Jquery获取各种屏幕的宽度和高度 - 悄悄的来,匆匆的走 - 博客园

高级属性&方法

js中propertyIsEnumerable()方法使用介绍 - 码农何时 - 博客园
JS中的可枚举属性与不可枚举属性以及扩展 - 风雨后见彩虹 - 博客园
JS中可枚举属性(enumerable)和propertyIsEnumerable() - 痦子的博客 - CSDN博客
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()_javascript技巧_脚本之家
OMG,这些鲜为人知的JavaScript 特性! - 终身学习者 - SegmentFault 思否
Web长列表的救星?谷歌推出Virtual Scroller - 前端 - 掘金
gpuweb/WHLSL: Web HLSL

[译] 优秀 JavaScript 开发人员应掌握的 9 个技巧 - 掘金
JavaScript之禅
JavaScript 开发人员需要知道的简写技巧 - 博文 - 手册网
你可能不需要 jQuery!使用原生 JavaScript 进行开发 - 梦想天空(山边小溪) - 博客园
重构 - 代码优化技巧 - 知乎
js删除局部变量 - 云+社区 - 腾讯云
解决 "Script Error" 的另类思路 - 掘金

获取元素

js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等) - 岁寒

你不知道的js

muzqi/you-dont-know-js: 你不知道的 javascript 读书笔记
《你不知道的 JavaScript》全卷读书笔记 - 掘金
细读《你不知道的JavaScript·上卷》1-1 作用域是什么? - 掘金
细读《你不知道的JavaScript·上卷》1-2 词法作用域 - 掘金
精读《你不知道的javascript》中卷 - 掘金
You-Dont-Know-JS 疑难汇总 - 掘金
全方位彻底读懂<你不知道的JavaScript(上)>--一篇六万多字的读书笔记 - 掘金

路径中的'.'和'..'还有'./'和'../'都是什么意思 - CSDN博客
chenhuiYj/ec-do: 实例为日常开发常用的小实例,包括数组去重,打乱数组,字母大小写转换,cookie操作的封装等。
BothEyes1993/bes-jstools: 100多个基础常用JS函数和各种数据转换处理集合大全,此工具包是在 outils 的基础上,加上个人平时收集的代码片段进行的二次整合
Chalarangelo/30-seconds-of-code: Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.
stone0090/javascript-lessons: 本课程之所以叫做《JavaScript 闯关记》,是因为部分章节精心设计了挑战关卡,通过提供更多的实战机会,让大家可以循序渐进地、有目的地、有挑战地开展学习。
trekhleb/javascript-algorithms: Algorithms and data structures implemented in JavaScript with explanations and links to further readings
thedaviddias/Front-End-Checklist: 🗂 The perfect Front-End Checklist for modern websites and meticulous developers
oldratlee/useful-scripts: 🐌 useful scripts for making developer's everyday life easier and happier
alexanderepstein/Bash-Snippets: A collection of small bash scripts for heavy terminal users
wesbos/JavaScript30: 30 Day Vanilla JS Challenge
最棒的 JavaScript 学习指南(2018版) - 梦想天空(山边小溪) - 博客园
JavaScript 秘密花园

表现答疑

js表单答疑解惑

点击Input框弹出日期选项

鼠标事件 - Web API 接口 | MDN
点击Input框弹出日期选项 - CSDN博客
简单的js点击弹出选择日期插件代码
antd中Select的defaultValue参数问题 - x!!!的回答 - SegmentFault 思否
defaultValue浅解 - CSDN博客
浅解js中的defaultValue - CSDN博客
input datetime 控件如何设置点击打开日期选择-CSDN论坛
type=‘date’的input标签 - CSDN博客
JavaScript时间与日期_专题_脚本之家

input type=number

input type=number禁止输入小数如何实现-js教程-PHP中文网
请问如何不让type=number的Input,不可输入加号减号和多个小数点? - stephenhuang的回答 - SegmentFault 思否
关于input[type=number]无法获取小数点的问题!!!! - 迹_Jason的回答 - SegmentFault 思否
input type=number的 小数设置 - CSDN博客
type为number的input标签输入小数的方法 - 蓦然回首恍然如梦 - 博客园
input type=number禁止输入小数 - CSDN博客
input type="number" 输入允许小数点后两位 - 何少旭 - 博客园
type为number的input标签输入小数的方法 - CSDN博客
html input的type设置为number后可以输入e - CSDN博客
javascript - 怎样让input type=number不能输入负数 - SegmentFault 思否
限制input[type=number]的输入位数策略整理 - js-coder - 博客园

总结一下 input propertychange
总结oninput、onchange与onpropertychange事件的用法和区别 - CSDN博客
总结oninput、onchange与onpropertychange事件的使用方法和差别 - 掘金
html中的css和js控制input,textarea文本框自动获取焦点 - CSDN博客
select中无法使用click的处理 - 嗑瓜子儿gf - 博客园
表单中的单文件点击和拖拽上传 - SaBoo - 博客园
解决浏览器会自动填充密码的问题_javascript技巧_脚本之家
textarea 输入框限制字数(完美兼容)-Thylx的博客

行为答疑

Jsoup获取全国地区数据属性值

Jsoup获取全国地区数据属性值(省市县镇村)_java_脚本之家

js 动画

5000字前端动画交互实现小谈 - 掘金
js实现帧动画 - CSDN博客
JavaScript动画特效与技巧_专题_脚本之家

js events

单线程, 异步, 事件驱动

js的单线程和异步 - wudipmd - 博客园
javascript 的线程问题,收藏 - Now . Or Never `` - CSDN博客
JavaScript运行原理解析 - 漫长学习路 - CSDN博客
js中的同步和异步的个人理解 - YinghaoGuo的博客 - CSDN博客
浅谈js运行机制(线程) - 逆风飞舞2016的博客 - CSDN博客

ready&onload

细说document.ready和window.onload - 前端路上的小兵 - 博客园
onload、load()、ready()事件和DOMContentLoaded、load的区别 - 简书
DOMContentLoaded 与onload区别以及使用 - hoboStage - 博客园
谈谈document.ready和window.onload的区别 - 香草柠檬 - 博客园
DOMContentLoaded与 onload的区别 - 最初的梦 - ITeye博客
DOMContentLoaded 与onload区别以及使用 - 简书
再谈 load 与 DOMContentLoaded - 掘金

坐标、位移

图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别 - lzding的博客 - CSDN博客
JavaScript 获取鼠标点击位置坐标 - 谦行 - 博客园
原生JS与jQuery中事件对象的坐标详解screenX/clientX/pageX/offsetX - weixin_42839080的博客 - CSDN博客

事件源

原生js面试题:event对象中的target,currentTarget的区别,以及应用_事件委托 - jiang7701037的博客 - CSDN博客
target与currentTarget的区别(jqueryui方式获取z-Index) - 郑星阳 - ITeye博客
e.target 和 e.srcElement 的使用问题 - horizon~~~ - 博客园
JavaScript tips —— target与currentTarget的区别 - 南辰_k - 博客园
事件对象中target对象和currentTarget对象的区别 - u013746071的专栏 - CSDN博客
事件获取目标 currentTarget target srcElement三者之间的区别和联系-布布扣-bubuko.com
target、currentTarget、srcElement - 简书
阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别 - CSDN博客
e.target与e.currentTarget的区别 - 简书
actionscript 3 - Difference between e.target and e.currentTarget - Stack Overflow

浅析window.onscroll=move以及window.onscroll=move()的区别 - CSDN博客
JavaScript中的Event事件对象详解 - 沐枫自然 - CSDN博客
JS中手动触发事件的方法 - jiangxiaobo - 博客园
js触发页面resize的功能实现 - 木章 - 博客园
前端基础 — Web事件总结 - 掘金
使用原生js手动触发事件 - geek人生 - CSDN博客
事件关键词 bind 和 catch 的区别、事件对象 target 和 currentTarget 的差异 - 掘金
如何解决 touchstart 事件与 click 事件的冲突 - 掘金
JS的事件对象与事件机制 - 掘金

JS实用技巧

web前端常用技术点001 - 掘金
野狗

权限控制

前端真的能做到彻底权限控制吗? - 掘金
复杂的权限按钮控制优化 · 语雀

大数据量渲染

每页500条数据的渲染优化思路(1) - 掘金

js中(function(){}()),(function(){})(),$(function(){});之间的区别 - CSDN博客
JavaScript切换特效_专题_脚本之家
JavaScript错误与调试技巧_专题_脚本之家

ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript

$语法、算法逻辑相关

¥call、apply、bind

Function.prototype.apply() - JavaScript | MDN
面试官问:能否模拟实现JS的call和apply方法 - 掘金
面试官问:能否模拟实现JS的bind方法 - 掘金
JS中的call、apply、bind方法详解 - 风雨后见彩虹 - 博客园
JS中的apply,call,bind深入理解 - Jone_chen - 博客园
js进阶(一)bind和call及apply - CSDN博客
详解JS中的this、apply、call、bind(经典面试题)_javascript技巧_脚本之家
Javascript中从学习bind到实现bind的过程详解-PHP中文网
javascript - js 当中apply.bind 这种用法是怎么执行的? - SegmentFault 思否
Javascript中call()、apply()和bind()方法的区别_赵一鸣博客
JavaScript深入之call和apply的模拟实现 · Issue #11 · mqyqingfeng/Blog
「干货」细说 call、apply 以及 bind 的区别和用法 - 掘金
【优雅代码】深入浅出 妙用Javascript中apply、call、bind - ChokCoco - 博客园
从一行等式理解JS当中的call, apply和bind - 掘金
🔮彻底弄清 this call apply bind 以及原生实现 - 掘金
详解 new/bind/apply/call 的模拟实现 - 掘金
【愣锤笔记】一篇小短文让你彻底搞懂this、call、apply和bind - 掘金
Function.prototype.bind() - JavaScript | MDN

¥ECMAScript

core

core-js

zloirock/core-js: Standard Library
zloirock/core-js at v2

esnext | es6 es7 es2017 es2018 es2019
ECMAScript® 2018 Language Specification
Leo-JavaScript/EXEFE-es6book at master · pingan8787/Leo-JavaScript
ECMAScript 6 入门 - ECMAScript 6入门
探索 ES6
【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理) - 掘金
gold-miner/es8-was-released-and-here-are-its-main-new-features.md at master · xitu/gold-miner
ECMAScript 2018 标准导读 - 知乎
ES6面试、复习干货知识点汇总(全) - 掘金
ES6 完全使用手册 - 掘金
The TC39 Process
ECMAScript® 2020 Language Specification
Exploring JS: JavaScript books for programmers

Decorator 修饰器/装饰器

decorators libs&components

javascript

johanneslumpe/react-native-gesture-recognizers: Gesture recognizer decorators for react-native
mbasso/react-decoration: A collection of decorators for React Components
mako-taco/DecorateThis: JS Decorators library
developit/decko: The 3 most useful ES7 decorators: bind, debounce and memoize
kriasoft/react-decorators: A collection of higher-order ReactJS components
joewalnes/reconnecting-websocket: A small decorator for the JavaScript WebSocket API that automatically reconnects
arolson101/typescript-decorators: Examples of using typescript decorators
andreypopp/autobind-decorator: Decorator to automatically bind methods to class instances
ThomasBurleson/angularjs-logDecorator: Demonstration of AngularJS Decorators to enhance and supercharge $log
CocktailJS/traits-decorator: Traits with decorators
knownasilya/hapi-decorators: Decorators for HapiJS routes
MikeRyanDev/angular-decorators: A collection of utilities and annotations that make it easier to write Angular 2 style code in AngularJS 1.x
HaiFengFE/v-decorators: decorators for vue
young-steveo/bottlejs: A powerful dependency injection micro container for JavaScript applications
ember-decorators/ember-decorators: Useful decorators for Ember applications.
leozdgao/react-async-script-loader: A decorator for script lazy loading on react component
felixgirault/pure-render-decorator: An ES7 decorator to make React components "pure".
gvaldambrini/storybook-router: A storybook decorator that allows you to use routing-aware components in your stories
makeomatic/redux-connect: Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React
JBlaak/Fitted: Simplifying http requests using ES decorators
jeffijoe/mobx-task: Makes async function state management in MobX fun.
farwayer/mobx-decorators: Several helper MobX decorators (setter, observe, save, ...)
ludohenin/gulp-inline-ng2-template: Gulp plugin to inline HTML and CSS into Angular 2 component decorators
negomi/redux-burger-menu: A Redux reducer and higher-order component decorator for use with react-burger-menu
marcin-mazurek/react-render-debugger: Render debugger for React
siddharthkp/css-constructor: 💄 CSS constructor for React components
WebReflection/universal-mixin: A mixin usable for both generic objects and decorators.
bkniffler/slate-mate: Slate medium-like editor with exposed decorators and plugins
themgoncalves/react-adventure: ⛰ React high-ending architecture & patterns ready for use. Made for big and small projects. PWA Ready.
pruttned/owl-bt: owl-bt is editor for Behavior trees. It has been inspired by Unreal engine behavior trees in a way, that it supports special node items like decorators and services. This makes trees smaller and much more readable.
final-form/final-form-calculate: Decorator for calculating field values based on other field values in 🏁 Final Form
dzautner/JSDecorators: Python like decorators in Javascript with pseudo operator overloading.
json-schema-form/angular-schema-form-material: Angular Material decorator for Angular Schema Form
bvaughn/debounce-decorator: Decorator for debouncing class methods
PlatziDev/socket.io-react: A High-Order component to connect React and Socket.io easily
cmartin81/decorator-wrap: A ES6 decorator for wrapping classes or methods with you own custom code. You can easily edit the input and the output
super2god/egg-shell-decorators: 给你的 加个壳
apollographql/graphql-decorators: Decorators for your GraphQL schema
gnoff/react-tunnel: React components and decorators for putting context-like values into context and pulling them out as props

typescript

19majkel94/type-graphql: Create GraphQL schema and resolvers with TypeScript, using classes and decorators!
typestack/class-validator: Validation made easy using TypeScript decorators.
typestack/routing-controllers: Create structured, declarative and beautifully organized class-based controllers with heavy decorators usage in Express / Koa using TypeScript and Routing Controllers Framework.
typestack/class-transformer: Proper decorator-based transformation / serialization / deserialization of plain javascript objects to class constructors
RobinBuschmann/sequelize-typescript: Decorators and some other features for sequelize
TypedProject/ts-express-decorators: A TypeScript Framework on top of Express. It provide a lot of decorators and guideline to write your code.
itsFrank/vue-typescript: Typescript decorators to make vue feel more typescripty
ngParty/ng-metadata: Angular 2 decorators and utils for Angular 1.x
championswimmer/vuex-module-decorators: TypeScript/ES7 Decorators to create Vuex modules declaratively
PillowPillow/ng2-webstorage: Localstorage and sessionstorage manager - Angular service
mgechev/aspect.js: JavaScript library for aspect-oriented programming using modern syntax.
marcj/angular2-localstorage: Angular 2+ decorator to save and restore variables/class properties to HTML5 LocalStorage automatically.
NetanelBasal/ngx-take-until-destroy: 🤓 RxJS operator that unsubscribe from observables on destroy
prismake/typegql: Create GraphQL schema with TypeScript classes.
thiagobustamante/typescript-rest: This is a lightweight annotation-based expressjs extension for typescript.
thiagobustamante/typescript-ioc: A Lightweight annotation-based dependency injection container for typescript.
NetanelBasal/ngx-auto-unsubscribe: Class decorator that will automatically unsubscribe from observables
k1r0s/kaop-ts: Simple Yet Powerful Library of ES2016 Decorators with Strongly typed method Interceptors like BeforeMethod, AfterMethod, OnException, etc
serhiisol/node-decorators: node-decorators
seanpmaxwell/overnight: TypeScript decorators for the ExpressJS Server.
testdeck/testdeck: Object oriented testing
angelnikolov/ngx-cacheable: Observable/Promise Cache Decorator
mgechev/memo-decorator: Decorator which applies memoization to a method of a class.
NetanelBasal/helpful-decorators: Helpful decorators for typescript projects
zoomsphere/ngx-store: Angular decorators to automagically keep variables in HTML5 LocalStorage, SessionStorage, cookies; injectable services for managing and listening to data changes and a bit more.
vsternbach/angular-ts-decorators: A collection of angular decorators for angularjs 1.5.x projects written in typescript
philcockfield/storybook-host: A React Storybook decorator with helpful display options for hosting components under test.
vue-typed/vue-typed: Sets of ECMAScript / Typescript decorators that helps you write Vue component easily.
Cody2333/koa-swagger-decorator: using decorator to automatically generate swagger doc for koa-router
miaowing/nest-schedule: A cron-like and not-cron-like job distributed scheduler for Nest.js by decorators.
inversify/inversify-inject-decorators: Lazy evaluated property injection decorators
typestack/socket-controllers: Use class-based controllers to handle websocket events
inversify/inversify-binding-decorators: An utility that allows developers to declare InversifyJS bindings using ES2016 decorators
felixfbecker/sequelize-decorators: Sequelize + Decorators = ❤
ulfryk/angular-typescript: TypeScript 1.7 annotations (decorators) for AngularJS 1.x
Polymer/polymer-decorators: TypeScript decorators for Polymer.
dormd/rich-logger-decorator: Rich Logger Typescript Decorator for Easy Coding & Debugging
abraham/reflection: Lightweight (3K) ES Module implementation of reflect-metadata
nuxt-community/nuxt-class-component: ES / TypeScript decorator for class-style Nuxt/Vue components
pueue/graphql-typescript: Define and build GraphQL Schemas using typed classes
thiagobustamante/typescript-rest-swagger: Swagger tools for typescript-rest
typestack/class-sanitizer: Class-based sanitation in Typescript using decorators
swimlane/trafficlight: 🚦 Flexible NodeJS Routing Decorators for API Routing
KarlPurk/redux-decorators: A ridiculously good syntax for working with Redux using decorators in ES7 / TypeScript. Currently limited to Angular 2 but could potentially be used elsewhere.
nicolasgere/graphql-ts: Graphql implementation in Typescript using decorator
ngxs-labs/emitter: New pattern that provides the opportunity to feel free from actions
nuxt-community/nuxt-property-decorator: Property decorators for Nuxt (base on vue-property-decorator)

core-decorators

jayphelps/core-decorators: Library of stage-0 JavaScript decorators (aka ES2016/ES7 decorators but not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more. Popular with React/Angular,

lodash-decorators

lodash-decorators - npm
steelsojka/lodash-decorators: A collection of decorators using lodash at it's core.
Lodash Decorators Documentation API Document

Decorator FAQ

JS-学习ES6之- Decorator 修饰器 - BigKongfuPanda的博客 - CSDN博客
在 Web 应用中使用 ES7 装饰器(Decorator)初体验 - 菜菜蔡伟的博客 - SegmentFault 思否
Javascript装饰器的妙用 - 全沾开发(huā) - SegmentFault 思否
javascript - Cannot use decorators in Node/BabelJS application - Stack Overflow
利用Decorator如何控制Koa路由详解_node.js_脚本之家
koa 使用 decorator - ISaiSai的专栏 - CSDN博客
黄金搭档 -- JS 装饰器(Decorator)与Node.js路由 - 简书

修饰器 - ECMAScript 6入门
@babel/plugin-proposal-decorators · Babel
Decorators · TypeScript
JavaScript设计模式----装饰者模式 - 侯志强 - SegmentFault 思否
JS 装饰器解析 - FE cloud - SegmentFault 思否
JavaScript设计模式七:装饰者模式 - Counting Stars - SegmentFault 思否
JS 装饰器,一篇就够 - 不挑食的程序员 - SegmentFault 思否
装饰器模式&&ES7 Decorator 装饰器 - FeMiner - 博客园
Exploring EcmaScript Decorators – Google Developers – Medium

import-helper

sorrycc/import-helper: Don't waste time to write import/require statement.

ES 资源 & 教程 & FAQ

ES 资源

ES6基础

【ES6基础】解构赋值(destructuring assignment) - 掘金
【ES6基础】展开语法(Spread syntax) - 掘金
【ES6基础】箭头函数(Arrow functions) - 掘金
【ES6基础】默认参数值 - 掘金
【ES6基础】const介绍 - 掘金
【ES6基础】let和作用域 - 掘金

2019 年的 JavaScript 新特性学习指南 | 掘金年度征文 - 掘金
devsnek/proposal-iterator-helpers
重读《深入理解ES6》—— 函数 - 掘金
[ ES6 ] 快速掌握常用 ES6 (一) - 掘金
[ ES6 ] 快速掌握常用 ES6 (二) - 掘金
【译】30 Seconds of ES6 (一) - 掘金
[前端怪谈_1] 从 for of 聊到 Generator - 掘金
[前端怪谈_2] 从 Dva 的 Effect 到 Generator + Promise 实现异步编程 - 掘金
深入ECMAScript系列(一):词法环境 - 掘金
深入ECMAScript系列(二):执行上下文 - 掘金
菜鸟也谈js(一)——ES6解构对象篇 - 掘金
从规范看ECMAScript(一):规范基础 - 掘金
从规范看ECMAScript(二):数据类型 - 掘金

ES5基础

基石-ES5基础(一) 数据类型&类型转换/判断 - 掘金
基石:ES5基础(二) 对象& 属性特征 - 掘金
基石:ES5基础(三) 原型&原型链&继承 - 掘金
基石:ES5基础(四) 执行环境&作用域&闭包 - 掘金

ES 教程

Module 的语法 - ECMAScript 6入门
【译】五个ES6功能,让你编写代码更容易 - 掘金
前端开发者不得不知的ES6十大特性 - WEB前端 - 伯乐在线
ECMAScript 2017(ES8)特性概述 - 知乎
JavaScript: ECMAScript 2018(ES2018)有哪些新功能?_慕课手记
前端开发者不得不知的ES6十大特性 - WEB前端 - 伯乐在线
每个JavaScript开发人员都应该知道的新ES2018功能(译文) - 掘金
每个 JavaScript 开发者都该了解的 ES2018 新特性 - 掘金
ES2019 新特性简介 - 掘金
【小试牛刀】Stage-2 装饰器初探 - 掘金
【译】2019 JavaScript 新玩法 - 掘金
🎉喜大普奔,ES2019登场 - 掘金
chanceLe/ES6-Basic-Syntax: Basic-Syntax
【译】ES10功能完全指南 - 掘金
迅速了解一下 ES10 中 Object.fromEntries 的用法 - 掘金
350 个特性看透 ES6 - 前端 - 掘金
ES 5 新增特性汇总 - 掘金
ES5 to ESNext —  自 2015 以来 JavaScript 新增的所有新特性 - 掘金
ES6、ES7、ES8、ES9、ES10新特性一览 - 掘金
[译]JavaScript Symbols, Iterators, Generators, Async/Await, and Async Iterators  - 掘金
ES6新增的属性和方法 - HTML5总结 - 千锋教育论坛 - Powered by Discuz!
ES6新增—let、const、字符串连接、解构赋值、复制数组 - 夏至未至~ - 博客园
ES proposal: `import()` – dynamically importing ES modules
ES9中的异步迭代器(Async iterator)和异步生成器(Async generator) - 掘金
ES6 系列之 let 和 const - 掘金
[译] 在JavaScript中何时使用var、let及const - 掘金
妙用ES6解构和扩展运算符让你的代码更优雅 - loop4ever - 博客园
扩展运算符(...)的用途 - CSDN博客
ES6--扩展运算符与剩余操作符
每日一记 3分钟从编译后的代码里学 let 和 const 命令 - 掘金
ES6中类的静态方法=> static 的使用 - 掘金
ES6 中的 Symbol、Set 和 Map - 前端 - 掘金
ES6之Array.from()方法 - 掘金
ES6 --- 新的变量声明方式 let 与 const 解析 - 掘金
[译]使用 JavaScript 对象 Rest 和 Spread 的7个技巧 - 掘金
如何用 es6+ 写出优雅的 js 代码 - 掘金
深入理解 ES Modules (手绘示例) - 众成翻译
ES6 系列之 Babel 是如何编译 Class 的(下) - 掘金
判断一个值是不是空的方法,尽可能严谨、正确,分析下和其他方式相比的优缺点 · Issue #2 · FeNature/js-es6
es6入门3--箭头函数与形参等属性的拓展 - 听风是风 - 博客园
Javascript之ES7详解 - 掘金
ES9已经来了 Are you ready? - 掘金
从ES6到ES10的新特性万字大总结(不得不收藏) - 掘金
ES7、ES8、ES9、ES10新特性大盘点
十分钟上手ES2020新特性

ES FAQ

JS严格模式不能用arguments.callee

小tips:JS严格模式(use strict)下不能使用arguments.callee的替代方案 - 风雨后见彩虹 - 博客园
javascript - js 严格模式下arguments.callee用什么替代 - SegmentFault 思否
小tips:JS严格模式(use strict)下不能使用arguments.callee的替代方案 - weixin_34413103的博客 - CSDN博客

为什么说ES6的class是语法糖? - 掘金
箭头函数正在正在破坏我们的 React 组件…… - 知乎
在JavaScript项目中正确是使用ES7的语法 - 水痕 - CSDN博客

¥JSON&XML

¥JSON

JSON core

JSON5

json5/json5: JSON5 — JSON for humans
JSON5 | JSON for Humans
The JSON5 Data Interchange Format
json5 - npm
json5 · PyPI
dpranke/pyjson5: A Python implementation of the JSON5 data format
json5-JavaScript中文网-JavaScript教程资源分享门户
json5-loader · webpack 中文文档(2.2)
json5-loader
什么是JSON5以及JSON5的解析 - 一个开发者的独白 - SegmentFault 思否

douglascrockford/JSON-js: JSON in JavaScript
JSON
JSON
json.cn
Specification | JSON Schema
Understanding JSON Schema — Understanding JSON Schema 1.0 documentation
JSON
JavaScript中的JSON - JSON中国 | JSON中文网

json3

bestiejs/json3: A JSON polyfill. Looking for new maintainers.
JSON 3

你不知道的 JSON.stringify() 的威力 - 掘金

combine-json

userpixel/combine-json: Combines a group of json files and folders into an object
combine-json - npm
JSDoc: Home

deep-parse-json

https://github.com/sibu-github/deep-parse-json

geojson&topojson

geojson.io
mapshaper
mbloch/mapshaper: Tools for editing Shapefile, GeoJSON, TopoJSON and CSV files
Home · topojson/topojson Wiki

JSON Generator

www.cnblogs.com/lhb25/p/tool-for-generating-random-json-data.html

JsonML

JsonML (JSON Markup Language)

JSONFormData

roman01la/JSONFormData: HTML JSON form submission polyfill

jsonform

jsonform/jsonform: Build forms from JSON Schema. Easily template-able. Compatible with Bootstrap 3 out of the box.
JSON Form Playground

json-forms

brutusin/json-forms: JSON Schema to HTML form generator, supporting dynamic subschemas (on the fly resolution). Extensible and customizable library with zero dependencies. Bootstrap add-ons provided
brutusin.org/json-forms/

JSON-deepstringify

leodutra/JSON-deepstringify: Stringifies an object's inherited properties.

json-fmt

MaxArt2501/json-fmt: Minify and prettify your JSONs

JSON教程&操作&资源

JSON教程&FAQ

前端页面使用 Json对象与Json字符串之间的互相转换 - 码农弟 - 博客园
JS中JSON对象和String之间的互转及处理技巧_javascript技巧_脚本之家
前端js如何生成一个对象,并转化为json字符串 - 叶丶梓轩 - 博客园
javascript json字符串与对象相互转换 - haxnt - 博客园
js 将json字符串转换为json对象的方法解析_javascript技巧_脚本之家
ES6中Json、String、Map、Object之间的转换 - CSDN博客
js 将json字符串转换为json对象的方法解析_javascript技巧_脚本之家
javascript中json对象json数组json字符串互转及取值 - 棒棒博客 - 博客园
js中,清空对象(删除对象的属性) - CSDN博客
Js中获取对象的所有key值 - TiestoRay - 博客园
javascript一种新的对象创建方式-Object.create() - yupeng - 博客园
js 判断一个json里是不是包含某个key - CSDN博客
将字符串转化成json对象 - hy_85的日志 - 网易博客
javascript转换字符串为json对象的方法的相关文章推荐 - 非技术 - ITeye专栏频道
解决IE6、7、8使用JSON.stringify报JSON未定义错误的问题 - CSDN博客
在IE兼容模式下 提示JSON未定义 - CSDN博客
用JS解析JSON - 掘金
js对象浅拷贝和深拷贝详解_javascript技巧_脚本之家
jquery 对 Json 的各种遍历-前端开发博客
【js】JSON.stringify 语法实例讲解 - NW_KNIFE - 博客园
JSON.stringify 语法实例讲解_json_脚本之家
javascript - JSON.parse(JSON.stringify(data)) - SegmentFault 思否

判断字符串是否为JSON格式

js判断字符串是否为JSON格式 - 前进者 - CSDN博客
javascript - js如何判断一个字符串是否为json格式 - SegmentFault 思否
【最简单的方法】js判断字符串是否为JSON格式(20180115更新) - 雷明nice - 博客园

is-json

joaquimserafim/is-json: check if a string is a valid JSON string in JavaScript without using Try/Catch

如何识别一个字符串是否Json格式 - 路过秋天 - 博客园
cyqdata/JsonSplit.cs at master · cyq1162/cyqdata
判断一个字符串是否是合法的JSON字符串 - u014133299的博客 - CSDN博客
【最简单的方法】js判断字符串是否为JSON格式(20180115更新) - 雷明nice - 博客园

JSON比较

Akimotorakiyu/jsonComparer: 比较两个json表示的对象是否一致

json字符串中,包含函数的处理 - CSDN博客
JavaScript实现JSON解析器 - 掘金
【漫游Github】如何提升JSON.stringify()的性能? - 掘金

JSON资源

全国市级城市拼音-中文对照表(json格式) - CSDN博客
中国省份城市列表(汉字+拼音) - CSDN博客
Json在线解析格式化-Json在线解析校验Json格式化压缩-Json解析
格式校验利器:JSON Schema 简介 | Ocavue's Blog
JSON在线解析及格式化验证 - JSON.cn
基于jsoneditor二次封装一个可实时预览的json编辑器组件(react版)

¥XML

fast-xml-parser

Fast XMl Parser
NaturalIntelligence/fast-xml-parser: Validate XML, Parse XML to JS/JSON and vise versa, or parse XML to Nimn rapidly without C/C++ based libraries and no callback

JS解析格式化Json插件,Json和XML互相转换插件-JS/JQuery-Json在线解析C#.Net社区

¥TypeScript

TypeScript core

Microsoft/TypeScript: TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TypeScript - JavaScript that scales.
TypeScript中文网 · TypeScript——JavaScript的超集
Introduction · TypeScript Handbook(中文版)
TypeScript 3.2 · TypeScript
TypeScript Types Search
tsconfig.json · TypeScript
Compiler Options · TypeScript

create-exposed-app

iamturns/create-exposed-app: App generator with everything exposed for maximum control

TypeScript-React-Starter

Microsoft/TypeScript-React-Starter: A starter template for TypeScript and React with a detailed README describing how to use the two together.

TypeScript-Babel-Starter

Microsoft/TypeScript-Babel-Starter: A sample setup using Babel CLI to build TypeScript code, and using TypeScript for type-checking.

TypeScript-Node-Starter

microsoft/TypeScript-Node-Starter: A starter template for TypeScript and Node with a detailed README describing how to use the two together.

typescript-eslint

typescript-eslint/typescript-eslint: Monorepo for all the tooling which enables ESLint to support TypeScript

Xterm.js

初窥Xterm.js - 掘金

依赖注入

十几行代码实现一个ts依赖注入 - 掘金
DIP、IoC、DI、JS - 掘金

教程、资料

TypeScript 演化史

【TypeScript 演化史 -- 1】non-nullable 的类型 - 掘金
【TypeScript 演化史 -- 2】基于控制流的类型分析 和 只读属性 - 掘金
【TypeScript 演化史 -- 3】标记联合类型 与 never 类型 - 掘金
【TypeScript 演化史 -- 4】更多的字面量类型 与 内置类型声明 - 掘金
【TypeScript 演化史 -- 5】将 async/await 编译到 ES3/ES5 (外部帮助库) - 掘金
【TypeScript 演化史 -- 6】对象扩展运算符和 rest 运算符及 keyof 和查找类型 - 掘金
【TypeScript 演化史 -- 7】映射类型和更好的字面量类型推断 - 掘金
【TypeScript 演化史 -- 8】字面量类型扩展 和 无类型导入 - 掘金
(译)【TypeScript 演化史 -- 9】object 类型 和 字符串索引签名类型的点属性 - 掘金
TypeScript 演化史 -- 10】更好的空值检查 和 混合类 - 掘金
【TypeScript 演化史 -- 11】泛型参数默认类型 和 新的 --strict 编译选项 - 掘金

起步 · TypeScript——JavaScript的超集
文档简介 · TypeScript中文网 · TypeScript——JavaScript的超集
TypeScript Roadmap: January - June 2019 · Issue #29288 · Microsoft/TypeScript
typescript 中的 interface 和 type 到底有什么区别? · Issue #7 · Weiyu-Chen/blog
xcatliu/typescript-tutorial: TypeScript 入门教程
前言 - TypeScript 入门教程
TypeScript 3.3来了!快看看有什么新功能 - 掘金
Typesctipt 定义定长列表的类型 - 掘金
[译] TypeScript 和 Babel:一场美丽的婚姻 - 掘金
TypeScript 中的多种 import 解义 - 前端 - 掘金
使用 TypeScript + React + Redux 进行项目开发(入门篇,附源码) - 掘金
一文学懂 TypeScript 的类型 - 掘金
🔌 TS 的 Interface 了解一下? - 掘金
巧用 TypeScript (一) - 掘金
巧用 TypeScript(二) - 掘金
巧用 TypeScript(三) - 掘金
巧用 TypeScript(四) - 掘金
巧用 TypeScript(五)-- infer - 掘金
TypeScript从入门到精通 - 前端 - 掘金
TypeScript 简明教程:安装 TypeScript - 掘金
TypeScript 简明教程:认识 TypeScript - 掘金
TypeScript 简明教程:基本类型(一) - 掘金
TypeScript 简明教程:基本类型(二) - 掘金
前端工具类项目规范化-使用TS - 掘金
TypeScript 基础入门(一) - 掘金
2.TypeScript 基础入门(二) - 掘金
TypeScript入门完全指南(基础篇) - 掘金
「译」深入typescript系列1 - 掘金
从零开始学typescript构建一个rest风格web服务 - 掘金
聊聊TypeScript中类、接口之间相互继承与实现的那些事儿 - 掘金
typescript + react 项目开发体验之typescript - 掘金
【译】30 分钟入门 Typescript - 掘金
Typescript 最佳实践 - 掘金
TypeScript 入门系列 | TypeScript 基础(一) - 掘金
TypeScript 入门系列 | TypeScript 基础(二) - 掘金
分类: TypeScript学习笔记 | banggan's Blog
TypeScript中都有哪些数据类型-文末送书

¥前端算法

¥算法整理集

浅解前端必须掌握的算法

浅解前端必须掌握的算法(一):冒泡排序 - 掘金
浅解前端必须掌握的算法(二):简单选择排序 - 掘金
浅解前端必须掌握的算法(三):直接插入排序 - 掘金
浅解前端必须掌握的算法(四):希尔排序 - 掘金
浅解前端必须掌握的算法(五):堆排序(上) - 掘金
浅解前端必须掌握的算法(五):堆排序(下) - 掘金

JavaScript数据结构与算法_专题_脚本之家
JavaScript数学运算_专题_脚本之家
JavaScript遍历算法与技巧_专题_脚本之家
JavaScript查找算法_专题_脚本之家

JS 数据结构解析和算法实现

【从蛋壳到满天飞】JS 数据结构解析和算法实现-二分搜索树(一) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-二分搜索树(二) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-链表与递归 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-链表 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-栈和队列 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-Arrays(数组) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-红黑树(一) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-红黑树(二) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-AVL树(一) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-AVL树(二) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-并查集(一) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-并查集(二) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-Trie字典树 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-线段树 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-堆和优先队列(一) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-堆和优先队列(二) - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-集合和映射 - 掘金
【从蛋壳到满天飞】JS 数据结构解析和算法实现-哈希表 - 掘金

search-trie-tree

hh54188/search-trie-tree

视频标签算法

看过上百部片子的这个人教你视频标签算法解析 - 掘金

二叉搜索树

算法篇 - 二叉搜索树 - 掘金
二叉树前中后序遍历非递归实现(JavaScript) - 掘金

色板生成算法

Ant Design 色板生成算法演进之路 | YMFE

看图轻松理解数据结构和算法系列

远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号
看图轻松理解数据结构与算法系列(合并排序)
远洋号
远洋号
看图轻松理解数据结构与算法系列(Radix树)
图论动态规划算法——Floyd最短路径
远洋号
远洋号
远洋号
远洋号
远洋号
远洋号

排序算法

重温前端10大排序算法(长文建议收藏) - 掘金
丰富图例讲解十大经典排序算法 | 面试必备 - 掘金
hustcc/JS-Sorting-Algorithm: 一本关于排序算法的 GitBook 在线书籍 《十大经典排序算法》,使用 JavaScript & Python & Go & Java 实现。
MisterBooo/Play-With-Sort-OC: 基础排序 冒泡排序 插入排序 快速排序 双路快速排序 三路快速排序 堆排序
sort.hust.cc
五分钟学会一个高难度算法:快速排序 - 掘金
五分钟学算法之经典算法题:排序算法(360校招笔试题) - 掘金
五分钟学会一个很有用的排序:归并排序 - 掘金
五分钟学会一个有意思的排序:计数排序 - 掘金
五分钟看懂一个高难度的排序:堆排序 - 掘金
五分钟学会一个高难度算法:希尔排序 - 掘金
jquery对table表格操作(方法二) - CSDN博客
Jquery对Table表格排序(方法一) - CSDN博客
十大经典排序算法的 JavaScript 实现 - 梦想天空(山边小溪) - 博客园
JS冒泡排序的6种写法 - 掘金

聊聊前端排序的那些事 - 前端 - 掘金
javascript-algorithms/README.zh-CN.md at master · trekhleb/javascript-algorithms
trekhleb/javascript-algorithms: Algorithms and data structures implemented in JavaScript with explanations and links to further readings
为什么我认为数据结构与算法对前端开发很重要? · Issue #2 · LeuisKen/leuisken.github.io
[浅析]特定场景下取代if-else和switch的方案 - 掘金
补充一个替代 for 循环的新姿势 - 掘金
前端也来点算法(TS版) | 1 - LRU Cache - 掘金
前端也来点算法(TypeScript版) | 2 - 回文数和回文链表 - 掘金
OBKoro1/Brush_algorithm: 前端算法,求Star⭐️,文档地址 //obkoro1.com/web_accumulate/algorithm/
【js】常用的一些基础算法 | 师峰的博客
前端常见算法的JS实现 - 每天学点前端开发 - SegmentFault 思否

备胎算法(延迟接受算法)

什么是备胎算法? - 掘金

¥前端状态管理

Ractor

下一代状态管理系统 - Ractor - 掘金
FE-Ractor/ractor-react
FE-Ractor/ractor-hooks: custom hooks for React
FE-Ractor/ractor: An event system based state management inspired by Redux and Akka Actor
Reade Me · Ractor

developit/stockroom: 🗃 Offload your store management to a worker easily.
JS手写状态管理的实现 - 掘金

¥设计模式

JavaScript设计模式与开发实践

《JavaScript设计模式与开发实践》最全知识点汇总大全 - 掘金
《JavaScript设计模式与开发实践》基础篇(1)—— this、call 和 apply - 掘金
《JavaScript设计模式与开发实践》基础篇(2)—— 闭包和高阶函数 - 掘金
《JavaScript设计模式与开发实践》模式篇(1)—— 单例模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(2)—— 策略模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(3)—— 代理模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(4)—— 迭代器模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(5)—— 观察者模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(6)—— 命令模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(7)—— 组合模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(8)—— 模板方法模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(9)—— 享元模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(10)—— 职责链模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(11)—— 中介者模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(12)—— 装饰者模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(13)—— 状态模式 - 掘金
《JavaScript设计模式与开发实践》模式篇(14)—— 适配器模式 - 掘金
《JavaScript设计模式与开发实践》原则篇(1)—— 单一职责原则 - 掘金
《JavaScript设计模式与开发实践》原则篇(2)—— 最少知识原则 - 掘金
《JavaScript设计模式与开发实践》原则篇(3)—— 开放-封闭原则 - 掘金

JS设计模式系列

JS设计模式一:工厂模式 - 掘金
jS设计模式二:单例模式 - 掘金
JS设计模式三:模块模式 - 掘金
JS设计模式四:代理模式 - 掘金
JS设计模式五:职责链模式 - 掘金
JS设计模式六:策略模式 - 掘金
JS设计模式七:发布-订阅模式 - 掘金

每天一个设计模式

每天一个设计模式之责任链模式 - 掘金
每天一个设计模式之享元模式 - 掘金
每天一个设计模式之组合模式 - 掘金
每天一个设计模式之命令模式 - 掘金
每天一个设计模式之订阅-发布模式 - 掘金
每天一个设计模式·迭代器模式 - 掘金
每天一个设计模式·代理模式 - 掘金
每天一个设计模式·策略模式 - 掘金
每天一个设计模式之单例模式 - 掘金
每天一个设计模式之装饰者模式 - 掘金

前端设计模式

前端设计模式(0)面向对象&&设计原则 - 掘金
前端设计模式(1)--工厂模式 - 掘金

JavaScript设计模式es6(23种) - 掘金
小白设计模式:组合模式 - 掘金
在JavaScript中理解策略模式 - 掘金
JavaScript 常见设计模式 - 掘金
在JavaScript中理解组合模式 - 掘金
在JavaScript中尝试组合模式 | 夜曉宸
JavaScript-观察者模式(publish/subscribe) - CSDN博客
15分钟带你了解前端工程师必知的javascript设计模式(附详细思维导图和源码)

¥编译原理

AST抽象语法树

平庸前端码农之蜕变 — AST - 掘金
手把手教你写几个实用的的AST插件 - 掘金
手把手教你写几个实用的 AST 插件
babel插件入门-AST(抽象语法树) - 掘金

¥this

淺談 JavaScript 頭號難題 this:絕對不完整,但保證好懂 · Issue #39 · aszx87410/blog
JavaScript中的this - 掘金
JavaScript中的this详解 - 掘金
【翻译】理解JS的函数调用和‘this’的指向 - 掘金
理解 JavaScript 中的 this - 掘金
揭秘JavaScript中“神秘”的this关键字 - 掘金
嗨,你真的懂this吗? - 掘金
一文看穿JavaScript中this的圈圈绕 - 掘金
JavaScript中this指向的总结 - 掘金

闭包

用垃圾回收机制解释JavaScript中的闭包 - 掘金
[译]发现 JavaScript 中闭包的强大威力 - 掘金
理解 JavaScript 中的闭包 - 掘金
循环中的异步&&循环中的闭包 - 掘金
前端小秘密系列之闭包 - 掘金
我从来不理解JavaScript闭包,直到有人这样向我解释它 - 掘金
深入理解JavaScript的闭包特性 如何给循环中的对象添加事件 - gaoshanwudi的专栏 - CSDN博客
如何让将js闭包内部局部变量全部删除_百度知道

作用域

可视化上下文作用域变量

tylermcginnis/javascriptvisualizer: A tool for visualizing Execution Context, Hoisting, Closures, and Scopes in JavaScript.
JavaScript Visualizer

与作用域相关的闭包、内存泄漏、this - 掘金
理解 JavaScript 中的作用域 - 掘金
精华提炼「你不知道的 JavaScript」之作用域和闭包 - 掘金
理解JavaScript的核心知识点:作用域 - 掘金

错误类型

详解JavaScript中的六种错误类型_javascript技巧_脚本之家
Error | MDN
EvalError | MDN
InternalError | MDN
RangeError | MDN
ReferenceError | MDN
SyntaxError | MDN
TypeError | MDN
URIError | MDN
js的各种错误类型 - 炎泽 - 博客园

执行上下文和堆栈

理解 JavaScript 中的执行上下文 - 掘金
聊一聊JavaScript中的执行上下文和堆栈 - 掘金
[译] 理解 JavaScript 中的执行上下文和执行栈 - 掘金
Javascript中递归造成的堆栈溢出及解决方案 – FED实验室 - 专注WEB端开发和用户体验
Javascript中递归造成的堆栈溢出及解决方案 - Benjamin-zuo - 博客园
理解 JavaScript 中的执行上下文

尾调用/尾递归

Javascript中的尾递归及其优化 - 掘金
Using trampolines to manage large recursive loops in JavaScript - LogRocket Blog
Tail call optimization in ECMAScript 6
怎样避免JavaScript中过长递归导致的堆栈溢出? - 知乎

ascoders/syntax-parser: Light and fast 🚀parser! With zero dependents.
jrainlau/canjs: CanJS is a javascript interpreter, which can run JS code in JS.
精读《syntax-parser 源码》 - 掘金
https://juejin.im/entry/5c0538245188257c3045ccc3
关于var a = 2; JS干了什么? - 掘金
JavaScript的工作原理:引擎,运行时和调用堆栈 - 掘金
模拟实现 JS 引擎:深入了解 JS机制 以及 Microtask and Macrotask - 掘金
[译] 通过垃圾回收机制理解 JavaScript 内存管理 - 掘金
温故而知新:JS变量提升与时间死区 - 掘金
原型、原型链、作用域、作用域链、闭包 - 掘金

¥函数相关

$回调函数

事实上,回调函数还不错!! - 掘金
Actually, callbacks are fine - DEV Community 👩‍💻👨‍💻

无限调用

无限调用之链模式分析 - 掘金

$函数柯里化

JS专题之函数柯里化 - 掘金

$高阶函数

JavaScript 高阶函数快速入门 - 掘金

函数-FAQ

如何编写高质量的函数 -- 命名/注释/鲁棒篇 - 掘金
JS的函数篇(4.3W字) - 掘金
The "new Function" syntax

彻底理解JavaScript函数的调用方式和传参方式——结合经典面试题 - 掘金
胡说-JavaScript函数类型 - 掘金

¥继承&prototype

¥prototype

简单理解js的prototype属性 - 循环源圈 - 博客园
深入理解js的prototype以及prototype的一些应用 - 循环源圈 - 博客园
JavaScript Prototype(原型) 新手指南 - 前端 - 掘金
Object.prototype.propertyIsEnumerable() - JavaScript | MDN
彻底弄懂JS原型与继承 - 掘金
如何理解JavaScript的原型和原型链? - 掘金
一道关于this和原型链的JS题目 · Issue #16 · RicardoCao-Biker/RICO-BLOG
说来话长的 Javascript 原型链 - 掘金
为什么 JavaScript 要设计原型模式 - 掘金
理解 JavaScript 中的原型 - 掘金
深入学习js之——原型和原型链 - 掘金
原型对象与原型链 - 掘金
详解JavaScript原型 - 掘金
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解) - 掘金
js关于原型,原型链的面试题 - ken丶123 - 博客园
一文搞懂JavaScript原型链(看完绝对懂) - 掘金
图解 JavaScript 原型与原型链
走一遍流程图,了解 [[prototype]]、__proto__、prototype究竟是什么 - 掘金

¥继承

JavaScript中的函数继承 - 掘金
JavaScript常用八种继承方案 - 掘金
记不住的继承方式 - 掘金
JS实现继承的几种方式 - 幻天芒 - 博客园
浅谈JS的继承 - 掘金
【前端词典】继承(一) - 面试官问的你都会吗? - 掘金
JavaScript 七大继承全解析 - 掘金
面试官问:JS的继承 - 掘金

继承与原型链 | MDN
小议JS原型链、继承 - 掘金
面试官问:能否模拟实现JS的new操作符 - 掘金
深入理解JavaScript原型链与继承 - 掘金

¥对象

JavaScript面向对象精要

《JavaScript面向对象精要》之一:基本类型和引用类型 - 掘金
《JavaScript面向对象精要》之二:函数 - 掘金
《JavaScript面向对象精要》之三:理解对象 - 掘金
《JavaScript面向对象精要》之四:构造函数和原型对象 - 掘金
《JavaScript面向对象精要》之五:继承 - 掘金
《JavaScript面向对象精要》之六:对象模式 - 掘金
JS 中的面向对象 prototype class - 掘金
Javascript 面向对象编程(一):封装 - 阮一峰的网络日志
Javascript面向对象编程(二):构造函数的继承 - 阮一峰的网络日志
Javascript面向对象编程(三):非构造函数的继承 - 阮一峰的网络日志

JavaScript原生对象拓展

js对象扩展

Search · js对象扩展
huangguangjie/calendar-api: 一个万年历的API工具类,快速集成日历UI的构建方案。
SunnyJS/Sunny-fx.js at master · sunnyzhouy/SunnyJS
SunnyJS/Sunny-deferScript.js at master · sunnyzhouy/SunnyJS
SunnyJS/Sunny.js at master · sunnyzhouy/SunnyJS
extend/extend.js at master · kunhuapeng/extend
devin87/Q.js: js工具库,包括 通用方法、原生对象扩展、队列、JSON、Cookie、Storage、Ajax、JSONP、事件处理、DOM处理等

据说每个大牛、小牛都应该有自己的库——JavaScript原生对象拓展 - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——Event处理 - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——框架篇 - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——Ajax - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——DOM处理 - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——DOM处理续 - 谦行 - 博客园
据说每个大牛、小牛都应该有自己的库——框架篇 - 谦行 - 博客园
扩展js原生对象的正确姿势 - 巍影之戈 - CSDN博客
js-ES6学习笔记-对象的扩展 - ZhangCui - 博客园
Javascript面向对象扩展库
用JAVASCRIPT实现静态对象、静态方法和静态属性
[JS] 面向对象的5种写法和拓展JS对象的写法 - Aviva_ye - 博客园
Javascript面向对象扩展库(lang.js)-CSDN下载
js-ES6学习笔记-函数的扩展 - ZhangCui - 博客园
js-ES6学习笔记-数组的扩展 - ZhangCui - 博客园
js-ES6学习笔记-数值的扩展 - ZhangCui - 博客园
js-ES6学习笔记-正则的扩展 - ZhangCui - 博客园
Javascript面向对象扩展库 - X!ao_f - 博客园

读写深度嵌套的对象

如何安全地读写深度嵌套的对象? - 掘金
avsm/ocaml-lens: Private extraction of astrada's lens library
beizhedenglong/js-lens: Safely accessing and updating nested object with functional features.

判断对象是否相等

JS 如何判断两个对象相等 - CSDN博客
JavaScript专题之如何判断两个对象相等 · Issue #41 · mqyqingfeng/Blog
WhiteMinds/comparison-object-diff: 深度比较对象差异, 生成差异结果, 并允许通过此结果来对旧对象进行更新, 主要目的是节约流量, 实现数据的局部更新

对象的属性、操作、方法

Object.create与new

new 运算符 - JavaScript | MDN
new.target - JavaScript | MDN
JS中new和Object.create() - chjunjun的博客 - CSDN博客
Object.create()方法 - 知其黑,守其白。 - CSDN博客
你不知道的javascript之Object.create 和new区别 - blueblueskyhua的博客 - CSDN博客
object.create(null) 和 {}创建对象的区别 - 前端路上的小兵 - 博客园
Object.create()和new object()和{}的区别 - leijee - 博客园
重学 JS 系列:聊聊 new 操作符 - 掘金
JavaScript进阶之模拟new Object()过程 - 掘金
JS 操作符优先级及new - 简书
JavaScript 中创建对象的那些事儿 - 掘金

Object.freeze和Object.seal

Object.freeze() - JavaScript | MDN
Object.seal() - JavaScript | MDN
[JS] Object.freeze和Object.seal - 简书
React 源码中的 Object.seal - 掘金

Object.is

Object.is() - JavaScript | MDN

Property

javaScript中的Object.defineProperty()和defineProperties() - web前端小站 - SegmentFault 思否
超详细版 Object.defineProperty() - 掘金
神奇的 Object.defineProperty - 掘金
解析神奇的 Object.defineProperty - 阅读 - 掘金
ES6 系列之 defineProperty 与 proxy - 掘金
理解 JavaScript 的 Object.defineProperty() 函数 - 前端 - 掘金

循环、遍历、枚举

5分钟彻底理解Object.keys - 掘金
5分钟彻底理解Object.keys - 前端 - 掘金
for in,Object.keys,for of 的区别 - 掘金
(for..in)、Object.keys()和Object.getOwnPropertyNames(),for...of - 掘金
for in,Object.keys(),for of,hasOwnProperty()怎么用? - 掘金
2分钟轻松搞定Object.keys(),for...in,getOwnPropertyNames()的区别 - 掘金
(for..in)、Object.keys() 和 Object.getOwnPropertyNames(),for...o - 前端 - 掘金
如何检查一个对象是否为空 - 掘金
JavaScript中 for、for in、for of、forEach等使用总结 - - SegmentFault 思否
js中return 、return false 、return true、break、continue区别 - 曹小半仙 - 博客园
Javascript Array forEach()中无法return和break,代替方法some()与every() - lihefei_coder的博客 - CSDN博客

对象的属性

理解 JavaScript 对象的属性 - 掘金
toString && valueOf && Symbol.toPrimitive 辨析 - 掘金
JavaScript 对象所有API解析【2020版】

js 中对 Object 对象的一些常用操作总结 - haorooms - 前端 - 掘金
Object()的方法一览 - 掘金
JS: Object.assign() Vs Spread Operator - 掘金
Object.create(null) 和 {} 的区别 - 掘金
JS对象,你不可不知的知识体系 - 掘金
Object.keys方法之详解 - CSDN博客
Object.assign()方法 - CSDN博客
assign、retain和copy的区别 - CSDN博客
assign、weak、strong、retain、__block、__weak - CSDN博客
JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别 - 古兰精 - 博客园
JavaScript中Object.prototype.toString方法的原理_javascript技巧_脚本之家
JavaScript中创建对象的那些事儿

深拷贝和浅拷贝

klona

lukeed/klona: A tiny (366B) and fast utility to "deep clone" Objects, Arrays, Dates, RegExps, and more!

js 深浅拷贝知多少 - 掘金
深入浅出深拷贝与浅拷贝 - 掘金
JavaScript基础心法——深浅拷贝 - 前端 - 掘金
ES6深拷贝与浅拷贝-每天进步一点点-51CTO博客
浅拷贝 and 深拷贝 - melinxie - 博客园

JavaScript基础心法——深浅拷贝 - 前端 - 掘金
纵观JS对象的“简”与“繁”(上) - 掘金
扒一扒 JavaScript 中不常见的一些 object - 前端 - 掘金
判断一个变量是不是空对象 {} - 掘金
判断一个变量是数组还是对象 - CSDN博客

¥运算符

与、或、异或运算

与、或、异或运算 - CSDN博客
深入理解按位异或运算符 - 我所向往的美好 - 博客园
按位操作符 | MDN
&(与运算)、|(或运算)、^(异或运算)的本质理解 - CSDN博客
JavaScript骚操作之操作符 - 掘金
JavaScript中奇葩的假值 - snandy - 博客园
JS运算符&&和|| 及其优先级 - CSDN博客

默认参数、解构赋值与扩展运算符

ES6 函数参数的默认值 - qq_32021031的博客 - CSDN博客
es6 函数参数的默认值与解构赋值的默认值结合使用理解 - liuz - CSDN博客
ES6-一个关于函数解构赋值默认值的有趣案例 - Mofier的博客 - CSDN博客
ES6解构赋值中函数参数的默认值? - SegmentFault 思否
使用解构赋值与扩展运算符,让你的代码更优雅 - 掘金
ES6/ES2015中的解构和扩展运算符 - 孙氏楼 - 博客园
ES6 扩展运算符 三点(...) - 狂奔的小马扎 - 博客园
ES6的扩展运算符和剩余操作符的对比和应用 - 简书

运算符优先级 - JavaScript | MDN
JavaScript 那些写出来会被同事揍的骚操作 - 掘金
true || false && false - 掘金
[]==''返回?为什么?运算符==进行了什么操作? - 掘金
JavaScript阴沟里翻船之运算符优先级 - 掘金
都2020了,还不懂js运算符优先级? - 掘金

¥并发控制

15 行代码实现并发控制(javascript) · Issue #2 · Weiyu-Chen/blog
15 行代码实现并发控制(javascript) · Issue #2 · SunshowerC/blog

¥进制

文件与二进制

浏览器中的二进制以及相关转换 - 山月的个人博客
js对文件和二进制操作的一些方法汇总 - 掘金
JavaScript 读写二进制数据 - 掘金
浏览器端的二进制以及相关操作与转换 - 掘金

数值问题

从标准原理出发理解 JavaScript 数值精度 - 掘金

八进制转义字符转中文

Javascript八进制转义字符转中文 - 简书

javascript 进制转换(2进制、8进制、10进制、16进制之间的转换) - CSDN博客
JS 二进制转10进制 带符号 - CSDN博客
JS十进制,十六进制,八进制,二进制他们的转换总结 - CSDN博客

¥JS执行流程/事件循环

Event Loop

event-loop-delay

mafintosh/event-loop-delay: A minimal overhead event loop delay sampler.

Node.js 事件循环,定时器和 process.nextTick() | Node.js
javascript - event loop - 掘金
js事件循环机制(event loop) - 掘金
Event Loop 原来是这么回事 - 掘金
JS事件循环 - 掘金
【译】JavaScript的工作原理:事件循环及异步编程 - 前端 - 掘金
一次弄懂Event Loop(彻底解决此类面试问题) - 掘金
浏览器与Node的事件循环(Event Loop)有何区别? - 掘金
【译】Understanding NodeJS Event Loop - 掘金
彻底搞懂浏览器Event-loop - 掘金
由节流函数引发出我对event-loop的思考,顺便刷刷爆款题 - 掘金
浏览器eventLoop和node eventLoop - 掘金
Eventloop不可怕,可怕的是遇上Promise - 掘金
JavaScript执行机制-node事件循环 - 掘金
从面试题看 JS 事件循环与 macro micro 任务队列 - 掘金
Event Loop的规范和实现 - 掘金
JS 事件循环 event loop,前端烧脑一刻 - 掘金
不要混淆nodejs和浏览器中的event loop - CNode技术社区
JavaScript 运行机制详解:再谈Event Loop - 阮一峰的网络日志
周一硬核干货:通过Node.js的源码彻底理解EventLoop

执行流程

前端急速解决异步之微任务和宏任务 - 掘金
总结:JavaScript异步、事件循环与消息队列、微任务与宏任务 - 掘金
说说异步 - 掘金
JavaScript定时器与执行机制解析 | AlloyTeam
从浏览器环境到JavaScript执行流程的一次简单梳理 - 掘金
如何理解 JS 的这个 setTimeout 问题? - 知乎
定时器(setTimeout/setInterval)最小延迟的问题 - 掘金
这一次,彻底弄懂 JavaScript 执行机制 - 掘金
深度解密setTimeout和setInterval——为setInterval正名! - 掘金
从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 - 掘金
10分钟理解JS引擎的执行机制 - 前端进阶 - SegmentFault 思否

JavaScript 指南 | MDN
你的 JS 代码本可以更加优雅 - 掘金

$工具相关

¥ESLint

Eslint Core

List of available rules - ESLint - Pluggable JavaScript linter
ESLint - Pluggable JavaScript linter
Configuring ESLint - ESLint - Pluggable JavaScript linter
List of available rules - ESLint中文
ESLint 规则详解(一)
ESLint 规则详解(二) - 知乎
ESLint 推荐的rules总结 - 掘金
ESLint 工作原理探讨 - 前端 - 掘金
详解 ESLint 规则,规范你的代码 - 三省吾身丶丶的前端笔记 - SegmentFault 思否
Eslint 规则说明 - CSDN博客
详解 ESLint 规则,规范你的代码_IT资讯_UDN技术社区

eslint-config-prettier

prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.

eslint-config-standard

standard/eslint-config-standard: ESLint Config for JavaScript Standard Style
JavaScript Standard Style

eslint-plugin-compat

amilajack/eslint-plugin-compat: Lint the browser compatibility of your code

eslint-plugin-html

BenoitZugmeyer/eslint-plugin-html: An ESLint plugin to extract and lint scripts from HTML files.

eslint-plugin-prettier

prettier/eslint-plugin-prettier: ESLint plugin for Prettier formatting
使用 ESLint + Prettier 简化代码 Review 过程 - 掘金

eslint-plugin-react-hooks

eslint-plugin-react-hooks - npm
[ESLint] Feedback for 'exhaustive-deps' lint rule · Issue #14920 · facebook/react

eslint-plugin-vue

vuejs/eslint-plugin-vue: Official ESLint plugin for Vue.js
Available rules | eslint-plugin-vue
Introduction | eslint-plugin-vue

eslint-friendly-formatter

royriojas/eslint-friendly-formatter: A simple formatter/reporter for ESLint that's friendly with Sublime Text and iterm2 "click to open file" functionality

搞懂 ESLint 和 Prettier - 知乎
ESLint – 可扩展的 JavaScript & JSX 校验工具 - 梦想天空(山边小溪) - 博客园
使用 Eslint & standard 规范前端代码 - 掘金
vue项目整合Eslint和stylelint规范代码 - 掘金

¥Hash

HashMap

flesler/hashmap: HashMap JavaScript class for Node.js and the browser. The keys can be anything and won't be stringified

id

唯一ID

ai/nanoid: A tiny (145 bytes), secure, URL-friendly, unique string ID generator for JavaScript.
JavaScript生成GUID的算法 - snandy - 博客园

hashids.js

ivanakimov/hashids.js: A small JavaScript library to generate YouTube-like ids from numbers. Use it when you don't want to expose your database ids to the user.
JavaScript - Hashids

object-hash

puleos/object-hash: Generate hashes from javascript objects in node and the browser.

router-hash

jgallen23/routie: a tiny javascript hash router
millermedeiros/Hasher: Browser history manager for rich media websites

字符串哈希函数 - windflying - 博客园

¥JS编写插件

如何定义一个高逼格的原生JS插件 - 简书
如何开发原生的 JavaScript 插件(知识点+写法) - Cboyce - 博客园
jQuery插件的几种写法 - CSDN博客

¥Package Manager

apt-get

关于Linux中的apt-get的相关操作及原理 - 兔角与禅 - CSDN博客
apt-get常用命令及工作原理 - mosquito_zm的博客 - CSDN博客
【Linux】- apt-get命令 - wangwust - 博客园
apt 和 apt-get的区别 - liudsl的博客 - CSDN博客
apt-get下载、安装的软件在哪里 - tonytp的专栏 - CSDN博客
CentOS 下安装apt-get - qingchen1984 - 博客园
[Linux] yum和apt-get用法及区别 - 我是小菜鸟 - 博客园
apt与apt-get的区别 - 阿里云

bower

Bower — a package manager for the web
API · Bower
bower介绍 - zyx1303031629的博客 - CSDN博客
bower的安装和使用 - ahaha413525642的博客 - CSDN博客
bower/bower: A package manager for the web
Web 前端开发的包管理工具 bower 快速入门 - 志文工作室
使用Bower进行前端依赖管理 - 像少年啦飞驰、 - 博客园

brew

homebrew-cask

Homebrew/homebrew-cask: 🍻 A CLI workflow for the administration of macOS applications distributed as binaries

Homebrew/brew: 🍺 The missing package manager for macOS (or Linux)
The missing package manager for macOS (or Linux) — The missing package manager for macOS (or Linux)

chocolatey

Chocolatey - 教程中心 - 阿里云
Chocolatey Gallery | chocolatey
下载Chocolatey(windows) - 简书
使用Chocolatey - 51CTO.COM
Installing Chocolatey - 沧海一滴 - 博客园
Chocolatey软件包管理器 - PowerShell 中文博客
Chocolatey - The package manager for Windows
Installation
Chocolatey 使用

CPM

CPM
CPM - 轻量的NPM私有源程序搭建 - 掘金
cevio/cpm: A Lightweight NPM Private Active Management Service.We don't design a scheme to synchronize to local caching. We only focus on building private active CRUDs that are compatible with NPM public package downloads.

component

componentjs/component: frontend package manager and build tool for modular web applications
componentjs/guide: A Guide to Component

duojs

Duojs.com Analytics - Market Share Stats & Traffic Ranking
Duo——下一代前端包管理器 – FED实验室 - 专注WEB端开发和用户体验
duo - npm
Duo js 一个非常酷的前端打包工具 - 司徒正美 - 博客园
duo-JavaScript中文网-JavaScript教程资源分享门户
DUO - Lifetime Technology and Gadget Master

jspm

jspm.io - Native ES Modules CDN
jspm.org - Browser Package Manager
jspm & SystemJS 教程 - 简书
jspm入门 - 汪喆_Jack的博客分享 - CSDN博客
jspm的使用 - 前端课堂 - SegmentFault 思否
jspm 安装试用 - 荣锋亮 - 博客园
07、React系列之--使用jspm管理 - 简书
React 和ES6 之JSPM的使用(第五部分) - 从零到壹全栈部落 - IT界逻辑思维 - SegmentFault 思否
jspm - jhhu - 博客园
jspm/jspm-cli: Package management CLI

Nuget Package Manager

NuGet 包管理器用户界面参考 | Microsoft Docs
NuGet Package Manager - Visual Studio Marketplace
NuGet 包管理器控制台指南 | Microsoft Docs
NuGet Gallery | Home
安装 NuGet 客户端工具 | Microsoft Docs
NuGet — 使用 NuGet 管理项目库
NuGet学习笔记(转) - tiasys - 博客园
NuGet的安装和使用 - 天国里的牵挂 - 博客园
VSCode中Nuget Package Manager扩展插件的使用 - liwan09的博客 - CSDN博客
Package Management for Private & Public Feeds & Repositories | MyGet

npmjs

npm core

cnpm

node安装cnpm代替npm - CSDN博客
全局安装cnpm - kaleozhou - 博客园
安装cnpm - CSDN博客
安装npm及cnpm(Windows) - 悠鸣海 - 博客园
npm介绍与cnpm介绍 - Jancy1072的博客 - CSDN博客
cnpm/cnpm: cnpm: npm client for China mirror of npm
修改npm镜像源让安装提速 - 清风阁 - CSDN博客

npm 依赖

前端汇总系列:npm依赖(构建编译) - 掘金
前端汇总系列:npm依赖(框架平台) - 掘金
前端汇总系列:npm依赖(类库工具) - 掘金
了解脱字符 npm 中(^)的作用吗 - 掘金
npm install 原理分析

npm 配置

npm 常用配置 - 掘金
npm-config | npm Documentation
npmrc | npm Documentation
npm-scripts | npm Documentation
npm-config | npm Documentation
npm-cache | npm Documentation
https://registry.npmjs.org
对npm包精准控制之npm-shrinkwrap.json与package-lock.json - 掘金
2018 年了,你还是只会 npm install 吗? - 掘金

npm link

npm-link | npm Documentation
npm link - 简书
npm link 和 peerDependencies 的问题 - 简书
npm link中文文档 - 潇湘待雨 - 博客园
npm link的使用 - 简书
module: add --preserve-symlinks command line flag by jasnell · Pull Request #6537 · nodejs/node

npm 代理

设置npm的registry几种方法_qq_15980201的博客-CSDN博客
npm设置和取消代理的方法_yanzi1225627的专栏-CSDN博客
npm配置镜像、设置代理 - MockingBird 博客 - SegmentFault 思否
verdaccio/verdaccio: 📦🔐A lightweight private npm proxy registry

npm/npm: a package manager for javascript
npm
npm 中文文档 | npm 中文网
入门 · NPM 中文文档 · 看云
About npm | npm Documentation
前端工程化 - 剖析npm的包管理机制(完整版)

npm modules

¥Object

copy-props

copy-props - npm
sttk/copy-props: Copy properties deeply between two objects

merge-deep

merge-deep - npm
jonschlinkert/merge-deep: Recursively merge values in a JavaScript object.

assign-deep

assign-deep - npm
jonschlinkert/assign-deep: Deeply assign the enumerable properties of source objects to a destination object.

defaults-deep

defaults-deep - npm
jonschlinkert/defaults-deep: Like `extend` but recursively copies only the missing properties/values to the target object.

extend-shallow

extend-shallow - npm
jonschlinkert/extend-shallow: Extend object A with the properties of object B. node.js/javascript util.

omit-deep

omit-deep - npm
jonschlinkert/omit-deep: Recursively omit specified keys from an object.

object.defaults

object.defaults - npm
jonschlinkert/object.defaults: Like `extend` but only copies missing properties/values to the target object.

mixin-object

mixin-object - npm
jonschlinkert/mixin-object: Extend the properties from any number of objects onto the first object. Pass an empty object as the first arg to create a new object.

shallow-clone

shallow-clone - npm
jonschlinkert/shallow-clone: Make a shallow clone of an object, array or primitive.

clone-deep

jonschlinkert/clone-deep: Recursively (deep) clone JavaScript native types, like Object, Array, RegExp, Date as well as primitives. Used by superstruct, merge-deep, and many others!
clone-deep - npm

just-extend

just-extend - npm

object-copy

object-copy - npm
jonschlinkert/object-copy: Copy static properties, prototype properties, and descriptors from one object to another

copy-descriptor

jonschlinkert/copy-descriptor: "description": "Copy a descriptor from object A to object B",
copy-descriptor - npm

define-property

define-property - npm
jonschlinkert/define-property: Define a non-enumerable property on an object.

deepmerge

deepmerge - npm
TehShrike/deepmerge: A library for deep (recursive) merging of Javascript objects

mixin-deep

mixin-deep - npm
jonschlinkert/mixin-deep: Deeply mix the properties of objects into the first object, while also mixing-in child objects.

¥Function

mimic-fn

mimic-fn - npm
sindresorhus/mimic-fn: Make a function mimic another one

rename-fn

sindresorhus/rename-fn: Rename a function
rename-fn - npm

rename-function

rename-function - npm
tunnckoCore/rename-function: Rename a given function. Tries to be cross-platform and guaranteed. Useful when you want to preserve name of bound function.

keep-func-props

ehmicky/keep-func-props: Wrap a function without changing its name, length and other properties
keep-func-props - npm

The names of functions in ES6

¥Any

kind-of

kind-of - npm
jonschlinkert/kind-of: Get the native JavaScript type of a value, fast. Used by superstruct, micromatch and many others!

typeof

CodingFu/typeof: node module extending typeof functionality
typeof - npm

type-of

type-of - npm

progress-estimator

bvaughn/progress-estimator: Logs a progress bar and estimation for how long a Promise will take to complete

del

del - npm
sindresorhus/del: Delete files and directories

npm-size

egoist/npm-size: Get the install size of an npm package.

cross-env

kentcdodds/cross-env: 🔀 Cross platform setting of environment scripts
cross-env - npm
@naholyr/cross-env - npm
cross-env-default - npm

cross-spawn

cross-spawn - npm
moxystudio/node-cross-spawn: A cross platform solution to node's spawn and spawnSync
IndigoUnited/node-cross-spawn-async: A cross platform solution to node's spawn
zentrick/cross-spawn-promise: Promisified cross-spawn.
mafintosh/npm-execspawn: Spawn locally installed npm dependencies with cross platform env and argument parsing support

env-cmd

toddbluhm/env-cmd: Setting of environment scripts via a file
env-cmd - npm

Which of the 635000 npm modules do I choose? – Corey Cleary
NodeJS之npm脚本 - 简书
npm-run-path - npm
npm-install-package - npm
npm-which - npm
npm-path - npm
npm-run - npm
executing-npm-path - npm
exec-npm - npm
exec-npm-install - npm
npm-run-script - npm
@lerna/npm-run-script - npm
@lerna/run - npm
npm-run-all - npm
is-npm - npm
@yoitsro/lerna-npm-run-script - npm
@yoitsro/lerna-run - npm
npm-run-script-chain - npm
runscript - npm
npm-quick-run - npm
if-env - npm
run-versions - npm
@redisrupt/better-npm-run - npm
@delucis/if-env - npm
run-all-the-things - npm
npm-config - npm
npm-conf - npm
@lerna/npm-conf - npm
npm-package-json-lint-config-default - npm
@yoitsro/lerna-npm-conf - npm
npm-package-json-lint-config-tc - npm
local-npm-config - npm
@zkochan/npm-conf - npm
npm-config-arguments - npm

node_modules

node_modules

scripts

npm-scripts/scripts: Collection of useful npm-scripts!

ntl

ntl - npm
ruyadorno/ntl: Npm Task List: Interactive cli menu to list/run npm tasks

npm

npx

npx是什么 · 夭幻境地
npx命令介绍 - lxz - SegmentFault 思否
【译】npx简介:一种npm包的执行器 - zhulin2609 - CSDN博客
npx:一个npm包执行器 - MF孟飞 - 博客园
非常好用的 npx!!! - webpack+vue+es6 - CSDN博客
npx 是什么? - 简书
npx - npm
npx & yarn - 简书
npx - 简书
npx 使用教程 - 阮一峰的网络日志
zkat/npx: execute npm package binaries

npmcomponent

npmcomponent (npm <3 component)
airportyh/npmcomponent: Scripts to make Component modules available to NPM/Browserify users.
component/dialog: Dialog component

nvm

coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go.
creationix/nvm: Node Version Manager - Simple bash script to manage multiple active node.js versions
Home | NVM
nvm 的安装以及使用 - allanGold的博客 - CSDN博客
关于在window 中安装nvm - 还不会游泳的鱼 - 博客园
node的版本控制之nvm的安装与使用 - 化身西湖云 - 博客园
正确的安装和使用nvm - cllgeek - 博客园
使用nvm管理多版本Node - 简书
安装node版本管理工具之NVM - 简书
Windows下安装及使用NVM - 安歌 - CSDN博客
nvm介绍及使用 - 简书
nvm和nodejs安装使用 · nvm,nodejs和npm安装使用 · 看云

npm FAQ

scripts

npm的使用 - 简书
你真的了解npm-scripts吗? · Issue #43 · DDFE/DDFE-blog

发布npm

从 0 开始发布一个 react 组件到 npm - 知乎
如何搭建npm包 - 掘金
详解从 0 发布 react 组件到 npm 上 - 掘金
发布一个npm包,用于监控页面中的所有API请求的状态和结果 - 掘金
[译] 创建并发布一个小而美的 npm 包,没你想的那么难! - 掘金
NPM包(模块)发布、更新、撤销发布 - 掘金
从零实现一套属于自己的UI框架-发布到npm - 掘金

版本升级

升级nodejs, npm到某一版本 - liangxw1的专栏 - CSDN博客
nodejs基础: 如何升级Noejs版本 - sruru的专栏 - CSDN博客
npm update常用命令使用 - 爱博子 - 博客园

删除node_modules

怎么删除node_modules文件夹? - CSDN博客
删除node_modules文件夹 - CSDN博客
清除node_modules 缓存 - CSDN博客
清除node_modules 缓存 - L- - CSDN博客

Resolving EACCES permissions errors when installing packages globally | npm Documentation
npm入门(一)—了解基本组成与概念 - 掘金
npm入门(二)—package(包)的管理 - 掘金
更新package.json中的dependencies依赖到最新版本 - Ztw的博客 - CSDN博客
npm i和npm install的区别 - chern1992的博客 - CSDN博客
利用npm 安装删除模块 - yihanzhi的博客 - CSDN博客
关于npm run dev和build - 外籍杰克的回答 - SegmentFault 思否
阅读npm run dev命令后的配置项 - 简书

apertureless/npm-stats: 📈 npm package statistics dashboard build with vue

nrm

Pana/nrm: NPM registry manager, fast switch between different registries: npm, cnpm, nj, taobao
nrm - npm
nrm安装与配置 - Anway12138的博客 - CSDN博客
nrm安装与配置 - 简书
nrm安装与使用 - 寒爵 - 博客园
nrm- CSDN搜索

RubyGems

Ruby

RubyInstaller for Windows
Downloads
oneclick/rubyinstaller2: MSYS2 based RubyInstaller for Windows
ruby gem的安装步骤 - xiaofenguo - 博客园
jasoncharnes/run.rb: Run Ruby in the browser using WebAssembly

Bundler

Bundler: The best way to manage a Ruby application's gems
bundler/bundler: Manage your Ruby application's gem dependencies
Bundler - 简书

RubyGems.org | Ruby 社区 Gem 托管
Ruby RubyGems | 菜鸟教程
rubygems/rubygems: Library packaging and distribution for Ruby.
Download RubyGems | RubyGems.org | Ruby 社区 Gem 托管
RubyGems 镜像 - 淘宝网

yum

yum - Trac
yum的使用与配置 - ZhiChao& - 博客园
YUM工作原理及使用 - Galaxy的博客 - CSDN博客
CentOS下yum命令详解 - Vathe - 博客园
yum 命令讲解 - Alan Zhuang的博客 - CSDN博客
Yum! Brands – A World with More Yum!
linux yum命令详解 - 廖先生 - 博客园

Yarn

yarnpkg/yarn: 📦🐈 Fast, reliable, and secure dependency management.
Yarn
使用方法 | Yarn 中文文档
YARN架构设计详解 - ChavinKing - 博客园
yarn详细入门教程 - 猫老板的豆 - CSDN博客
中文文档 | Yarn 中文文档
Yarn
Apache Hadoop 2.9.2 – Apache Hadoop YARN
Yarn
Yarn 中文文档
Yarn 命令详解 - 寒爵 - 博客园

你需要知道的包管理器(Package Manager) - 陈希章 - 博客园
Libraries.io - The Open Source Discovery Service
anvaka/pm: package managers visualization

¥you-dont-need

you-dont-need/You-Dont-Need-JavaScript: CSS is powerful, you can do a lot of things without JS.
you-dont-need/You-Dont-Need-Momentjs: List of date-fns or native functions which you can use to replace moment.js + ESLint Plugin
you-dont-need/You-Dont-Need-GUI: Stop relying on GUI; CLI **ROCKS**
you-dont-need/You-Dont-Need.com: People choose popular projects, often not because it applies to their problems
you-dont-need/You-Dont-Know-Lodash-Underscore: In response to You-Dont-Need-Lodash-Underscore

¥合并工具

code.taobao.org/svn/nginx_concat_module/trunk/README

¥在线编辑器

RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码
CodePen - Front End Developer Playground & Code Editor in the Browser
JS Bin 一款很好的web开发辅助工具 - 林福山053 - 简书
Edit fiddle - JSFiddle

¥下一代JS语法编译器

Babel

Babel core

babylon

babel/babylon: PSA: moved into babel/babel as @babel/parser -->
babel/packages/babel-parser at master · babel/babel

babelify

babel/babelify: Browserify transform for Babel

babel-handbook

jamiebuilds/babel-handbook: A guided handbook on how to use Babel and how to create plugins for Babel.
babel-handbook/plugin-handbook.md at master · jamiebuilds/babel-handbook

babel/babel: Babel is a compiler for writing next generation JavaScript.
Topic: babel
Babel · The compiler for writing next generation JavaScript
Babel 中文网 · Babel - 下一代 JavaScript 语法的编译器
Babel · The compiler for next generation JavaScript
@babel/cli · Babel
Upgrade to Babel 7 · Babel
@babel/types · Babel
babel/awesome-babel: 😎A list of awesome Babel plugins, presets, etc.
Migrating from JavaScript · TypeScript

Babel Macros

babel-plugin-macros

kentcdodds/babel-plugin-macros: 🎣 Allows you to build simple compile-time libraries
babel-plugin-macros - npm

babel-plugin-transform-vue-jsx

vuejs/babel-plugin-transform-vue-jsx: babel plugin for vue 2.0 jsx

idx.macro

idx.macro - npm

jgierer12/awesome-babel-macros: A collection of awesome babel macros and related resources
Zero-config code transformation with babel-plugin-macros · Babel
styled-jsx - npm
styled-components: Tooling
emotion
mattphillips/babel-plugin-console: Babel Plugin that adds useful build time console functions 🎮
Kent C. Dodds (@kentcdodds) | Twitter

General Plugins

babel-polyfill

babel-plugin-transform-runtime 和 babel-runtime 的区别? - 穗乃果的回答 - SegmentFault 思否
babel-polyfill与babel-plugin-transform-runtime - 皖林的博客 - CSDN博客
babel-preset-es2015,babel-polyfill 与 babel-plugin-transform-runtime - mr_lao - 博客园
babel-runtime 和 babel-polyfill - 小_牛仔 - 博客园
babel-runtime和babel-polyfill的作用介绍和使用 - 简书
javascript - 使用 babel-polyfill 为什么要使用 babel-plugin-transform-runtime - SegmentFault 思否
webpack+babel+transform-runtime, IE下提示Promise未定义?Script - 阿里云
对babel-transform-runtime,babel-polyfill的一些理解 - 简书
babel-plugin-transform-runtime - npm

babel-jest

babel/babel-jest: Jest plugin for Babel

babel-plugin-add-module-exports

59naga/babel-plugin-add-module-exports: 【v0.2 no longer maintained】 Fix babel/babel#2212 - Follow the babel@5 behavior for babel@6
babel-plugin-add-module-exports - npm

babel-plugin-component

ElementUI/babel-plugin-component: Modular element-ui build plugin for babel.
babel-plugin-component - npm
vue+element-ui使用babel-plugin-component按需加载组件及自定义主题对应的scss样式-云栖社区-阿里云
不使用 babel-plugin-component 实现按需引用element-ui - 掘金
怎么动态使用babel-plugin-component这个插件 · Issue #36 · ElementUI/babel-plugin-component
组件 | Element
vue+element-ui使用babel-plugin-component按需加载组件及自定义主题对应的scss样式 - 掘金

babel-plugin-console

mattphillips/babel-plugin-console: Babel Plugin that adds useful build time console functions 🎮

babel-plugin-console-source

peteringram0/babel-plugin-console-source: Add the file name and line numbers to all console logs.

babel-plugin-css-in-js

martinandert/babel-plugin-css-in-js: A plugin for Babel v6 which transforms inline styles defined in JavaScript modules into class names so they become available to, e.g. the `className` prop of React elements. While transforming, the plugin processes all

babel-plugin-console-transform

lingxiaoguang/babel-plugin-console-transform: 🌈一个生产环境删除console,开发环境扩展console支持打印颜色和代码位置的babel插件

babel-plugin-external-helpers

babel-plugin-external-helpers - npm

babel-plugin-feature-flags

ember-cli/babel-plugin-feature-flags: A babel transform for managing feature flags

babel-plugin-groundskeeper-willie

betaorbust/babel-plugin-groundskeeper-willie: The spiritual successor to groundskeeper. Removes console calls, debuggers, and and pragma-wrapped code.

babel-plugin-import

ant-design/babel-plugin-import: Modularly import plugin for babel.

babel-plugin-mobx-deep-action

mobxjs/babel-plugin-mobx-deep-action: Reduces `action` and `runInAction` boilerplates

@babel/plugin-proposal-optional-chaining

@babel/plugin-proposal-optional-chaining · Babel

@babel/plugin-proposal-decorators

@babel/plugin-proposal-decorators · Babel
tc39/proposal-decorators: Decorators for ES6 classes
wycats/javascript-decorators

babel-plugin-react-error-catcher

loggur-legacy/babel-plugin-react-error-catcher: Automatically adds a decorator to React components. Accepts a single argument, a path to some module for error reporting, and if there's an error, it will catch it and pass it to the reporter.

babel-plugin-react-persist

DAB0mB/babel-plugin-react-persist: Automatically useCallback() & useMemo(); memoize inline functions

babel-plugin-react-docgen

storybooks/babel-plugin-react-docgen: Babel plugin to add react-docgen info into your code.

babel-plugin-react-html-attrs

insin/babel-plugin-react-html-attrs: Babel plugin which transforms selected HTML attributes in JSX to their React equivalents

babel-plugin-styled-components

styled-components/babel-plugin-styled-components: Improve the debugging experience and add server-side rendering support to styled-components

babel-plugin-transform-decorators

babel-plugin-transform-decorators · Babel
babel-plugin-transform-decorators - npm
babel-plugin-transform-decorators · Babel 中文网

babel-plugin-transform-decorators-legacy

loganfsmyth/babel-plugin-transform-decorators-legacy: A plugin for Babel 6 that (mostly) replicates the old decorator behavior from Babel 5
babel-plugin-transform-decorators-legacy - npm

babel-plugin-transform-builtin-extend

loganfsmyth/babel-plugin-transform-builtin-extend: A plugin for Babel 6 supports extending from builtin types based on static analysis.

babel-plugin-transform-remove-imports

uiw-react/babel-plugin-transform-remove-imports: Remove the specified import declaration when you use the babel transform to build the package.

babel-plugin-transform-jsbi-to-bigint

GoogleChromeLabs/babel-plugin-transform-jsbi-to-bigint: Compile JSBI code that works in today’s environments to native BigInt code.

babel-plugin-transform-remove-console

Riokai/babel-plugin-transform-remove-console: Add extra options

@babel/plugin-transform-react-jsx

@babel/plugin-transform-react-jsx · Babel

babel-plugin-transform-react-createelement-to-jsx

flying-sheep/babel-plugin-transform-react-createelement-to-jsx: Transforms React.createElement calls to JSX syntax

babel-plugin-transform-react-jsx-img-import

gvelo/babel-plugin-transform-react-jsx-img-import: Generate imports for jsx img elements. A handy transform for use in webpack workflows.

babel-plugin-transform-react-jsx-location

adrianton3/babel-plugin-transform-react-jsx-location: Adds a data-source attribute to JSX tags containing the file name and line number of the original source

babel-plugin-transform-es2015-modules-commonjs

Package - babel-plugin-transform-es2015-modules-commonjs

babel-plugin-transform-es2015-modules-umd

babel-plugin-transform-es2015-modules-umd · Babel
babel-plugin-transform-es2015-modules-umd - npm

babel-plugin-transform-es2015-modules-amd

babel-plugin-transform-es2015-modules-amd · Babel
Package - babel-plugin-transform-es2015-modules-amd
finom/babel-plugin-transform-es2015-modules-simple-amd: Limited transformer for ECMAScript 2015 modules (AMD)

babel-plugin-transform-class-properties

babel-plugin-transform-class-properties - npm
babel-plugin-transform-class-properties · Babel 中文网

babel-plugin-version

hustcc/babel-plugin-version: babel plugin replace define identifier `__VERSION__` to pkg.version!

fast-async

MatAtBread/fast-async

idx

facebookincubator/idx: Library for accessing arbitrarily nested, possibly nullable properties on a JavaScript object.

Plugins · Babel
Topic: babel-plugin
keywords:babel-plugin - npm search
教你如何编写Babel插件 - 掘金
从零开始编写一个babel插件 - 掘金
babel 插件开发案例 - 掘金

Internationalization

Introduction · ttag javascript es6 localization tool
amerani/babel-plugin-localize: codemod to localize static strings

Module Resolution

babel-plugin-lodash

lodash/babel-plugin-lodash: Modular Lodash builds without the hassle.

babel-plugin-ramda

megawac/babel-plugin-ramda: Easy modular builds

babel-plugin-module-resolver

tleunen/babel-plugin-module-resolver: Custom module resolver plugin for Babel

babel-plugin-root-import

entwicklerstube/babel-plugin-root-import: Add the opportunity to import modules by the root path
babel-plugin-root-import - npm

babel-plugin-webpack-alias

trayio/babel-plugin-webpack-alias: babel 6 plugin which allows to use webpack resolve options

babel-plugin-hash-resolve

miketamis/babel-plugin-hash-resolve: Lets you use #Paths instead of '../../../lib/helper.js' it becomes just '#/lib/helper.js'

babel-plugin-separate-import

@nutui/babel-plugin-separate-import - npm

Presets

@babel/preset-env

@babel/preset-env · Babel
babel/babel-preset-env: PSA: this repo has been moved into babel/babel -->
babel/packages/babel-preset-env at master · babel/babel

@babel/preset-typescript

@babel/preset-typescript · Babel

babel-preset-react

babel-preset-react - npm

babel-react-optimize

jamiebuilds/babel-react-optimize: A Babel preset and plugins for optimizing React code.

babel-preset-vue-app

vuejs/babel-preset-vue-app: Babel preset for Vue app.

React

babel-plugin-react-transform

gaearon/babel-plugin-react-transform: Babel plugin to instrument React components with custom transforms

babel-plugin-react-require

vslinko/babel-plugin-react-require: [TODO] Babel plugin that adds React import declaration if file contains JSX tags

babel-plugin-transform-react-remove-prop-types

oliviertassinari/babel-plugin-transform-react-remove-prop-types: Remove unnecessary React propTypes from the production build.

babel-plugin-transform-react-jsx-self

babel/packages/babel-plugin-transform-react-jsx-self at master · babel/babel

babel-plugin-transform-react-constant-elements

babel-plugin-transform-react-constant-elements - npm

babel-plugin-transform-react-inline-elements

babel-plugin-transform-react-inline-elements - npm

babel-plugin-react-hyperscript

roman01la/babel-plugin-react-hyperscript: HyperScript syntax for React components without runtime overhead

babel-plugin-react-import-extends

vijaysutrave/babel-plugin-react-import-extends: Babel plugin to get rid of extends Component & import React

babel-plugin-transform-react-class-to-function

remcohaszing/babel-plugin-transform-react-class-to-function: A Babel 7 plugin which transforms React component classes into functions

babel-plugin-hoist-facc

strayiker/babel-plugin-hoist-facc: Babel plugin to hoist Function as Child Component

babel-plugin-react-hiccup

callwait/babel-plugin-react-hiccup: Hiccup syntax for React components with Babel

babel-plugin-framer-x

eschaefer/babel-plugin-framer-x: A Babel plugin to remove Framer X code from your React components.

Tooling

babel-watch

kmagiera/babel-watch: Reload your babel-node app on JS source file changes. And do it fast.

babel-time-travel

babel/babel-time-travel: Time travel through babel transformations one by one (implemented in the Babel REPL now)
babel-time-travel

Editors · Babel

Testing

babel-plugin-espower

power-assert-js/babel-plugin-espower: Babel plugin for power-assert

babel-plugin-istanbul

istanbuljs/babel-plugin-istanbul: A babel plugin that adds istanbul instrumentation to ES6 code

babel-plugin-rewire

speedskater/babel-plugin-rewire: A babel plugin adding the ability to rewire module dependencies. This enables to mock modules for testing purposes.

Types

babel-plugin-tcomb

gcanti/babel-plugin-tcomb: Babel plugin for static and runtime type checking using Flow and tcomb

babel-plugin-jsdoc-to-assert

azu/babel-plugin-jsdoc-to-assert: Runtime type checking for JSDoc
azu/jsdoc-to-assert: JSDoc to assert

babel-plugin-runtyper

vitalets/babel-plugin-runtyper: ⚡️ Runtime type-checker for JavaScript

flow-runtime

flow-runtime/packages/babel-plugin-flow-runtime at master · codemix/flow-runtime

提案

@babel/plugin-proposal-class-properties

@babel/plugin-proposal-class-properties · Babel
@babel/plugin-proposal-class-properties - npm

tc39/proposal-class-public-fields: Stage 2 proposal for public class fields in ECMAScript
tc39/proposal-class-fields: Orthogonally-informed combination of public and private fields proposals
Public and private instance fields proposal
tc39/proposal-optional-chaining
tc39/proposals: Tracking ECMAScript Proposals

Babel 教程

不容错过的 Babel7 知识 - 掘金
babel能不能分析代码然后按需polyfill ? - 掘金
[实践系列]Babel原理 - 掘金
史上最清晰易懂的babel配置解析 - 掘金
深入浅出 Babel 上篇:架构和原理 + 实战 - 掘金
深入浅出 Babel 下篇:既生 Plugin 何生 Macros - 掘金

sucrase

Sucrase
alangpierce/sucrase: Super-fast alternative to Babel for when you can target modern JS runtimes

traceur-compiler

google/traceur-compiler: Traceur is a JavaScript.next-to-JavaScript-of-today compiler
use traceur in ES6 - 菠萝君 - 博客园
google.github.io/traceur-compiler/bin/traceur.js

6to5 – 让你即刻体验 ECMAScript 6 编程 - 梦想天空(山边小溪) - 博客园

¥模块加载器 & 打包工具 & 脚手架

browserify

Browserify
substack/node-browserify: browser-side require() the node.js way
dolymood/bifypack: 基于gulp和browserify的项目构建工具
browserify - 教程中心 - 阿里云
browserify/browserify: browser-side require() the node.js way
使用Browserify来实现CommonJS的浏览器加载 - 小火柴的蓝色理想 - 博客园
browserify学习总结 - 海角在眼前 - 博客园
browserify使用手册 - 诗&远方 - 博客园
Browserify + watchify - 简书
前端模块及依赖管理的新选择:Browserify - 庭院茶 - SegmentFault 思否
browserify/watchify: watch mode for browserify builds
前端模块化开发学习之gulp&browserify篇 - sharlly - 博客园

Bundle

一起来燃烧 Bundle 的“卡路里” - 掘金

import-js

Galooshi/import-js: A tool to simplify importing JS modules
dabbott/vscode-import-js: VSCode extension for ImportJS

parcel

parcel core

parcel-bundler/parcel: 📦🚀 Blazing fast, zero configuration web application bundler
Parcel
parcel-bundler/awesome-parcel: 🔗 A curated list of awesome Parcel resources, libraries, tools and boilerplates
parcel-bundler/examples: 🛠 Parcel examples using various frameworks
parcel-bundler/website: 🌎 Parcel website
Parcel
🚀 入门 - Parcel 中文文档
📦 Parcel - 中文文档
Parcel 中文网

parcel demo

ant-design/parcel-antd: Use antd with parcel

零配置打包工具 Parcel 实践 - 山水子农 - CSDN博客
Parcel Vs Webpack - 吴浩麟的技术博客 - SegmentFault 思否
继webpack后又一打包神器Parcel - PC.aaron - 博客园
Parcel学习 - 阿里云
关于 Parcel 你所需知道的一切:超快的Web应用打包器-WEB前端开发
myTNT2 - Manage your shipments with ease | TNT Singapore
Switching to Parcel from Webpack
Everything You Need To Know About Parcel: The Blazing Fast Web App Bundler 🚀

requirejs

RequireJS
RequireJS 入门指南 - 技术翻译 - 开源中国社区

rollup.js

rollup.js 中文文档 | rollup.js 中文网
rollup/rollup: Next-generation ES module bundler
10分钟快速入门rollup.js - 掘金
Rollup.js 中文文档 | Rollup.js 中文网

webpack

webpack core

awesome

webpack-contrib/awesome-webpack: A curated list of awesome Webpack resources, libraries and tools
kraaas/webpack-tutorial-collection: webpack 教程资源收集
webpack-contrib/awesome-webpack: A curated list of awesome Webpack resources, libraries and tools
Separating a Manifest
webpack/webpack.js.org: Repository for webpack documentation and more!
docschina/webpack.js.org: [印记中文](https://docschina.org/) - webpack 中文文档

require.context

dependency management
管理依赖
管理依赖 · webpack 中文文档(2.2)
组件注册 — Vue.js
require.context - 掘金
vuex前端工程化之动态导入文件--require.context( ) - 雨中愚 - 博客园
vue之require.context - Cassie's blog - CSDN博客

tapable

webpack/tapable: Just a little module for plugins.
Webpack 核心模块 tapable 解析(转) - 简书

tree-shaking

wuomzfx/tree-shaking-test: how to do tree-shaking best

webpack.DllPlugin与webpack.DllReferencePlugin

chenchunyong/webpack-dllPlugin: webpack dllPlugin demo
Webpack DllPlugin 让构建速度柔顺丝滑 - 掘金
webpackのDLLバンドルを使ってビルドを速くする - Qiita

webpack/webpack: A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders," modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffee
WICG/webpackage: Web packaging format
webpack-china/awesome-webpack-cn: [印记中文](https://docschina.org/) - webpack 优秀中文文章
zhaoda/webpack-handbook: Webpack中文指南
webpack
webpack
webpack 中文文档 | webpack 中文网
webpack 中文文档(@印记中文) https://docschina.org/
webpack 中文文档
webpack module bundler
介绍 | Webpack 中文指南
Introduction · Webpack 中文指南
深入浅出 Webpack · 深入浅出 Webpack
module methods
normal module replacement plugin
概念
shim 预置依赖
基本配置项 · webpack指南
配置文件 | Webpack 中文指南

webpack project

compare-webpack-target-bundles

TheLarkInn/compare-webpack-target-bundles: Example of all the webpack targets!!! Webpack Playground!

neutrino

neutrinojs/neutrino: Create and build modern JavaScript projects with zero initial configuration.
Introduction · Neutrino

搭建webpack简易脚手架 - 掘金
基于webpack4.x项目实战 - 掘金
基于webpack4.x项目实战2 - 配置一次,多个项目运行 - 掘金
从 0 到 1 实现一款简易版 Webpack - 掘金

webpack config

Webpack config tool

webpack-autoconf

jakoblind/webpack-autoconf: A tool to create webpack configs
Webpack config tool

一个合格的Webpack4配置工程师素养

一个合格的Webpack4配置工程师素养:第一部分 - 掘金
一个合格的Webpack4配置工程师素养:第二部分 - 掘金
一个合格的Webpack4配置工程师素养:第三部分 - 掘金

多页面

webpack 打包多页面 - 掘金
BYChoo/webpack-multi-page: webpack多页面打包项目

webpack/examples at master · webpack/webpack
nanaSun/webCase
Webpack 4 配置最佳实践 - 掘金
webpack4配置详解之慢嚼细咽 - 掘金
Webpack下多环境配置的思路 - 掘金
用于前端开发的webpack4配置[带注释] - 掘金
从零开始搭建一个 Webpack 开发环境配置(附 Demo) - 掘金
使用 Webpack 进行生产环境配置(附 Demo) - 掘金
【手把手带你配 webpack】第一步, 做一个高级前端工程师 - 掘金
【手把手带你配 webpack】第二步, 面试官-谈谈你对模块化的理解 - 掘金
webpack常用优化配置 - 掘金
webpack4.0 CheatSheet - 掘金
从零开始配置webpack(基于webpack 4 和 baebel 7版本) - 掘金
webpack手动配置笔记 - 掘金
在2019使用差异化服务 - 掘金
webpack 最佳配置指北 - 掘金
一份比较详细的 webpack 4.x 手工配置基础开发环境 附源码 - 个人文章 - SegmentFault 思否
webpack4实用配置指南-上手篇 - fengmin_w的博客 - CSDN博客
面试官:请手写一个webpack4.0配置 - 个人文章 - SegmentFault 思否

webpack tools

anymatch

micromatch/anymatch: Matches strings against configurable strings, globs, regular expressions, and/or functions

enhanced-resolve

webpack/enhanced-resolve: Offers an async require.resolve function. It's highly configurable.

webpack-merge

survivejs/webpack-merge: Merge designed for Webpack (MIT)
webpack-merge - npm

webpack-chain

neutrinojs/webpack-chain: A chaining API to generate and simplify the modification of Webpack configurations.
neutrinojs/webpack-chain at v4

webpack-dev-server

webpack-dev-server - npm
开发
解决webpack-dev-server代理常切换问题 - 掘金

webpack-dev-middleware

webpack/webpack-dev-middleware: A development middleware for webpack
webpack-dev-middleware - npm

Configuration Types

Configuration Types | webpack

Entry and Context

Entry and Context | webpack

Mode

Mode | webpack

Output

publicPath

【前端大概一分钟】__webpack_public_path__动态配置路径 - 掘金
javascript - 所以 Webpack 动态设置 __webpack_public_path__ 到底怎么用? - SegmentFault 思否
Public Path(公共路径) · webpack 中文文档(2.2)
webpack 配置 publicPath的理解 - SamWeb - 博客园
Webpack 动态设置 __webpack_public_path__ 到底怎么用 - V2EX
webpack output.publicPath 如何动态配置地址 - 骑驴的舒克的回答 - SegmentFault 思否
webpack output.publicPath 如何动态配置地址 - meepo的回答 - SegmentFault 思否
configuring webpack public path at runtime · Issue #443 · webpack/webpack
`__webpack_public_path__` does not work if entrypoint uses ES6-style imports · Issue #2776 · webpack/webpack

Output | webpack

Module

Module | webpack

webpack loaders

awesome-typescript-loader

s-panferov/awesome-typescript-loader: Awesome TypeScript loader for webpack

babel-loader

Loader学习,简析babel-loader - 掘金
babel/babel-loader: 📦 Webpack plugin for Babel

css-raw-loader

catdad/css-raw-loader: CSS Raw loader module for Webpack

css-loader

webpack-contrib/css-loader: CSS Loader

cache-loader

webpack-contrib/cache-loader: Caches the result of following loaders on disk

es3ify-loader

sorrycc/es3ify-loader: ES3ify loader for webpack.

eslint-loader

webpack-contrib/eslint-loader: eslint loader (for webpack)

grow-loader

line/grow-loader: A webpack loader to split class methods by decorators

html-loader

html-loader | webpack 中文网

inject-loader

plasticine/inject-loader: 💉📦 A Webpack loader for injecting code into modules via their dependencies.

imports-loader

webpack-contrib/imports-loader: Imports Loader

less-loader

webpack-contrib/less-loader: Compiles Less to CSS
Webpack 之 less-loader 详解 - 个人文章 - SegmentFault 思否

prerender-loader

GoogleChromeLabs/prerender-loader: 📰 Painless universal pre-rendering for Webpack.
prerender-loader - npm

raw-loader

webpack-contrib/raw-loader: A loader for webpack that allows importing files as a String

sass-loader

sass-loader - npm

svg-sprite-loader

JetBrains/svg-sprite-loader: Webpack loader for creating SVG sprites.

ts-loader

TypeStrong/ts-loader: TypeScript loader for webpack
I CAN MAKE THIS WORK...: ts-loader Project References: First Blood

thread-loader

thread loader

url-loader

webpack-contrib/url-loader: A loader for webpack which transforms files into base64 URIs

vue-template-loader

ktsn/vue-template-loader: Vue.js 2.0 template loader for webpack

webpack-component-loader

nicholaslee119/webpack-component-loader: 📦 A webpack loader to componentify CSS/JS/HTML without framework

Loaders
loaders | webpack 中文网
编写一个 loader | webpack 中文网
webpack loader—自己写一个按需加载插件 - 掘金
编写自己的Webpack Loader - 相学长怼前端 - SegmentFault 思否
webpack源码之loader机制 - on the way - SegmentFault 思否
webpack loader 执行顺序 - 简书
Webpack Loader种类以及执行顺序 - 韩帅 - 博客园

Resolve

Resolve | webpack

resolve.alias

webpack 使用别名(resolve.alias)解决scss @import相对路径导致的问题 - weixin_33805992的博客 - CSDN博客

Optimization

Optimization | webpack

Plugins

Plugins | webpack
Plugins | webpack 中文网

webpack plugins

add-asset-html-webpack-plugin

SimenB/add-asset-html-webpack-plugin: Add a JavaScript or CSS asset to the HTML generated by html-webpack-plugin

assets-webpack-plugin

assets-webpack-plugin - npm
ztoben/assets-webpack-plugin: Webpack plugin that emits a json file with assets paths

autodll-webpack-plugin

asfktz/autodll-webpack-plugin: Webpack's DllPlugin without the boilerplate

antd-dayjs-webpack-plugin

ant-design/antd-dayjs-webpack-plugin: ⏰ Day.js webpack plugin for antd

babel-minify-webpack-plugin

BabelMinifyWebpackPlugin

chunk-manifest-webpack-plugin

chunk-manifest-webpack-plugin - npm
soundcloud/chunk-manifest-webpack-plugin: Allows exporting a manifest that maps entry chunk names to their output files, instead of keeping the mapping inside the webpack bootstrap.

clean-webpack-plugin

clean-webpack-plugin - npm
johnagan/clean-webpack-plugin: A webpack plugin to remove your build folder(s) before building

copy-webpack-plugin

webpack-contrib/copy-webpack-plugin: Copy files and directories with webpack

critters

GoogleChromeLabs/critters: 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.

common-chunk-plugin

liangklfangl/commonsChunkPlugin_Config: Webpack的common-chunk-plugin源码分析,来自于[我的github文章全集](https://github.com/liangklfangl/react-article-bucket)

ExtractTextWebpackPlugin

ExtractTextWebpackPlugin | webpack 中文网

execa-webpack-plugin

execa-webpack-plugin - npm
sindresorhus/execa: A better `child_process`
execa - npm
npm-prefix - npm
libnpx - npm
npm-bin-ava-tester - npm
@zkochan/libnpx - npm
is-installed-globally - npm
which-exclude-npm - npm
npm-run-path-compat - npm
npm-sh - npm

filemanager-webpack-plugin

gregnb/filemanager-webpack-plugin: Copy, move, archive (zip/tar/tar.gz), delete files and directories before and after Webpack builds. Win32/Mac/*Nix supported
webpack将资源打成zip包 - XinZhongYi的博客 - CSDN博客

fork-ts-checker-webpack-plugin

Realytics/fork-ts-checker-webpack-plugin: Webpack plugin that runs typescript type checker on a separate process.

html-webpack-inline-chunk-plugin

html-webpack-inline-chunk-plugin - npm
rohitlodha/html-webpack-inline-chunk-plugin: A webpack plugin that inlines chunk in html-webpack-plugin.

hard-source-webpack-plugin

mzgoddard/hard-source-webpack-plugin
hard-source-webpack-plugin - npm

happypack

amireh/happypack: Happiness in the form of faster webpack build times.
使用 happypack 提升 Webpack 项目构建速度 - 掘金

html-webpack-plugin

jantimon/html-webpack-plugin: Simplifies creation of HTML files to serve your webpack bundles
html-webpack-plugin - npm
jaketrent/html-webpack-template: a better default template for html-webpack-plugin
jantimon/html-webpack-plugin: Simplifies creation of HTML files to serve your webpack bundles
如何让webpack HtmlWebpackPlugin插件生成html插入js 的时候 按chunks 顺序插入? - quietwait的回答 - SegmentFault 思否

inline-manifest-webpack-plugin

inline-manifest-webpack-plugin - npm
szrenwei/inline-manifest-webpack-plugin: inline your webpack manifest (runtime code) with a script tag to save http request

lodash-webpack-plugin

webpack最小化lodash - 前端周分享 - SegmentFault 思否
Package - lodash-webpack-plugin
Webpack按需打包Lodash的几种方式 - sxjing11的博客 - CSDN博客
lodash-webpack-plugin - npm
Webpack实现按需打包Lodash的几种方法详解_javascript技巧_脚本之家
webpack lodash按需加载设置之后还是那么大 - SegmentFault 思否
babel-plugin-lodash - npm
Webpack按需打包Lodash的几种方式 | Yusen's Blog | 学习弯道超车的技巧!
lodash/lodash-webpack-plugin: Smaller modular Lodash builds.

mini-css-extract-plugin

webpack-contrib/mini-css-extract-plugin: Lightweight CSS extraction plugin
mini-css-extract-plugin - npm
extract-text-webpack-plugin - npm
CSS 提取 | Vue Loader
学习webpack4.X(二,处理CSS) - weixin_41351184的博客 - CSDN博客

offline-plugin

NekR/offline-plugin: Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
使用 offline-plugin 搭配 webpack 轻松实现 PWA - 掘金

page-skeleton-webpack-plugin

基于page-skeleton-webpack-plugin分析自动生成骨架屏原理 - 掘金
wookaoer/page-skeleton-core: 基于url生成骨架屏结构核心代码

prepack-webpack-plugin

gajus/prepack-webpack-plugin: A webpack plugin for prepack.

sw-precache-webpack-plugin

goldhand/sw-precache-webpack-plugin: Webpack plugin that generates a service worker using sw-precache that will cache webpack's bundles' emitted assets. You can optionally pass sw-precache configuration options to webpack through this plugin.

size-plugin

GoogleChromeLabs/size-plugin: Track compressed Webpack asset sizes over time.
size-plugin - npm

terser-webpack-plugin

webpack-contrib/terser-webpack-plugin: Terser Plugin
terser-js/terser: JavaScript parser, mangler, optimizer and beautifier toolkit for ES6+
ohanhi/hyperscript-helpers: Terse syntax for hyperscript.
TerserWebpackPlugin | webpack

TemplatedPathPlugin

webpack/TemplatedPathPlugin.js at master · webpack/webpack

webpack-assets-manifest

webpack-assets-manifest - npm
webdeveric/webpack-assets-manifest: This Webpack plugin will generate a JSON file that matches the original filename with the hashed version.

webpack-asset-pipeline

webpack-rails-manifest-plugin - npm
infinum/webpack-asset-pipeline: 🚀 A missing link for the asset pipeline alternative with Webpack.
webpack-asset-pipeline - npm
Squeezing Webpack into backend frameworks | Infinum

webpack-manifest-plugin

danethurber/webpack-manifest-plugin: webpack plugin for generating asset manifests
webpack-manifest-plugin - npm

webpackmonitor

webpackmonitor/webpackmonitor: A tool for monitoring webpack optimization metrics through the development process
Webpack Monitor

webpack-polyfills-plugin

beda-software/webpack-polyfills-plugin: Fork from Sl1v3r/webpack-polyfills-plugin

webpack-polyfill-injector

SebastianS90/webpack-polyfill-injector: Webpack plugin to automatically inject polyfills into your bundle without affecting modern browsers.

webpack-retry-load-plugin

hxfdarling/webpack-retry-load-plugin: atuo load retry resource from other domain

worker-plugin

GoogleChromeLabs/worker-plugin: 🐳 Adds native Web Worker bundling support to Webpack.
worker-plugin - npm

webpack-plugin-vueComponentsIndex

zfang1995/webpack-plugin-vueComponentsIndex: auto complete paths of vue components

webpack-zip-plugin

yyhappynice/webpack-zip-plugin: Zip your dist after webpack builds

zip-webpack-plugin

erikdesjardins/zip-webpack-plugin: Webpack plugin to zip up emitted files.
zip-webpack-plugin - npm

编写一个插件 | webpack 中文网
compiler 钩子 | webpack 中文网
compilation 钩子 | webpack 中文网
webpack loader和plugin编写 - 掘金
干货!撸一个webpack插件(内含tapable详解+webpack流程) - 掘金
Webpack: Does the order of plugins matter? - Stack Overflow
webpack plugin执行顺序问题 - SegmentFault 思否
[转] webpack之plugin内部运行机制 - {前端开发} - 博客园
lentoo blog

DevServer

DevServer | webpack
DevServer
开发中 server(devServer)

Devtool

Devtool | webpack

Target

Target | webpack

Watch and WatchOptions

Watch and WatchOptions | webpack

Externals

Externals | webpack

Performance

Performance | webpack

Node

Node | webpack

Stats

Stats | webpack

Experiments

Experiments | webpack

Other Options

Other Options | webpack

FAQ

demo

Webpack+jQuery

yifoo/webpack-demo: Webpack +jQuery 单页面Demo

从i18n国际化来学习如何创建Webpack插件 - 前端 - 掘金
atool-build/getWebpackCommonConfig.js at master · ant-tool/atool-build
webpack.config.js 配置举例 | Ant-Tool 简介
dongyuanxin/webpack-demos: 📦 Demos && Courses for Webpack 4
使用模块化工具打包自己开发的JS库(webpack/rollup)对比总结 - 掘金

webpack FAQ

webpack4 Cannot find module '@babel/core' - CSDN博客
webpack打包,es6语法报错,解决方案(包括es6扩展运算符报错) - CSDN博客
Webpack 是怎样运行的?(一) - 知乎
Webpack 是怎样运行的?(二) - 知乎
Webpack 模块打包原理 - 掘金
Webpack学习-工作原理(上)
Webpack学习-工作原理(下)
Webpack 模块打包机制浅析 - 掘金
webpack & HTTP/2 – webpack – Medium
详解webpack中四个基础概念-js教程-PHP中文网
Webpack 之常见见招拆招 - 掘金
webpack3 项目升级 webpack4 - 掘金
webpack打包原理 ? 看完这篇你就懂了 ! - 掘金

webpack教程

webpack-core-usage

liangklfangl/webpack-core-usage: webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket

webpack源码系列

webpack源码之初始化参数_玉案轩窗的博客-CSDN博客
webpack源码之webpack函数_玉案轩窗的博客-CSDN博客
webpack源码之run方法(创建模块对象逻辑)_玉案轩窗的博客-CSDN博客
webpack源码之模块编译+输出最终文件_玉案轩窗的博客-CSDN博客

¥webpack 教程整理集

24 个实例入门并掌握「Webpack4」

24 个实例入门并掌握「Webpack4」(一) - 掘金
24 个实例入门并掌握「Webpack4」(二) - 掘金
24 个实例入门并掌握「Webpack4」(三) - 掘金

webpack学习

webpack学习(一) -- 基础概念及安装执行 - 掘金
webpack学习(二) -- 配置文件及五大核心概念 - 掘金
webpack学习(三) -- js tree shaking - 掘金
webpack学习(四) -- css tree shaking - 掘金

webpack4系列教程

webpack4系列教程

webpack4系列教程(一):初识webpack - 前端开发 - SegmentFault 思否
webpack4系列教程(二):创建项目,打包第一个JS文件 - 前端开发 - SegmentFault 思否
webpack4系列教程(三):自动生成项目中的HTML文件 - 前端开发 - SegmentFault 思否
webpack4系列教程(四):处理项目中的资源文件(一) - 前端开发 - SegmentFault 思否
webpack4系列教程(五):处理项目中的资源文件(二) - 前端开发 - SegmentFault 思否
webpack4系列教程(六):使用SplitChunksPlugin分割代码 - 前端开发 - SegmentFault 思否
webpack4系列教程(七):使用 babel-loader - 前端开发 - SegmentFault 思否
webpack4系列教程(八):使用Eslint审查代码 - 前端开发 - SegmentFault 思否
webpack4系列教程(九):开发环境和生产环境 - 前端开发 - SegmentFault 思否
webpack4系列教程(十):总结 - 前端开发 - SegmentFault 思否

webpack4系列教程: 前言 | 董沅鑫的个人网站
webpack4系列教程(一): 打包JS | 董沅鑫的个人网站
webpack4系列教程(二): 编译ES6 | 董沅鑫的个人网站
webpack4 系列教程(三): 多页面解决方案--提取公共代码 | 董沅鑫的个人网站
webpack4 系列教程(四): 单页面解决方案--代码分割和懒加载 | 董沅鑫的个人网站
webpack4 系列教程(五): 处理CSS | 董沅鑫的个人网站
webpack4 系列教程(六): 处理SCSS | 董沅鑫的个人网站
webpack4 系列教程(七): SCSS提取和懒加载 | 董沅鑫的个人网站
webpack4 系列教程(八): JS Tree Shaking | 董沅鑫的个人网站
webpack4 系列教程(九): CSS Tree Shaking | 董沅鑫的个人网站
webpack4 系列教程(十): 图片处理汇总 | 董沅鑫的个人网站
webpack4 系列教程(十一):字体文件处理 | 董沅鑫的个人网站
webpack4 系列教程(十二):处理第三方JavaScript库 | 董沅鑫的个人网站
webpack4 系列教程(十三):自动生成HTML文件 | 董沅鑫的个人网站
webpack4 系列教程(十四):Clean Plugin and Watch Mode | 董沅鑫的个人网站
webpack4 系列教程(十五):开发模式与webpack-dev-server | 董沅鑫的个人网站
webpack4 系列教程(十六):开发模式和生产模式·实战 | 董沅鑫的个人网站

webpack系列

webpack系列之一总览 - 掘金
webpack系列之二Tapable - 掘金
webpack系列之三resolve - 掘金
webpack系列之四loader详解1 - 掘金
webpack系列之四loader详解2 - 掘金
webpack系列之四loader详解3 - 掘金
Webpack系列-第一篇基础杂记 - 掘金
webpack-插件机制杂记 - 掘金
Webpack系列-第三篇流程杂记 - 掘金

Webpack 进阶之源码分析

Webpack 进阶之源码分析(一) - 掘金
Webpack 进阶之源码分析(二) - 掘金
Webpack 进阶之源码分析(三) - 掘金

webpack前端构建工具学习总结

webpack前端构建工具学习总结(一)之webpack安装、创建项目 - 一米阳光eyh - 博客园
webpack前端构建工具学习总结(二)之loader的使用 - 一米阳光eyh - 博客园
webpack前端构建工具学习总结(三)之webpack.config.js配置文件 - 一米阳光eyh - 博客园
webpack前端构建工具学习总结(四)之自动化生成项目中的html页面 - 一米阳光eyh - 博客园

掘金站内 webpack 优秀文章汇总 - 掘金

📚免费的渐进式教程:Webpack4的16篇讲解和16份代码 - 掘金
webpack4.x 入门一篇足矣 - 掘金
【译】十五分钟,学习 Webpack - 掘金
新手快速上手webpack4打包工具的使用 - 掘金
webpack运行Babel教程 - 掘金
Webpack 将代码打包成什么样子? - 前端 - 掘金
webpack4.29.6搭建常用功能的环境 - 掘金
【手把手带你配 webpack】第一步, 做一个高级前端工程师 - 掘金
2020年了,再不会webpack敲得代码就不香了(近万字实战) - 掘金
入坑 webpack4.0+ 文件打包_by_一把健 - qq_39446719的博客 - CSDN博客
webpack4.0打包总结 - 大灰狼的小绵羊哥哥的博客 - CSDN博客
webpack打包(版本:4.5.0) - youyou_LIN的博客 - CSDN博客
webpack中output之path和publicPath详解 - 祥哥的说 - CSDN博客
[译] Webpack 前端构建集成方案 - web前端学习 - SegmentFault 思否
javascript - webPack打包多个项目如何让生成的静态资源到每个项目的当前的目录而不是公共静态资源目录?, - SegmentFault 思否
webpack 的文章 - SegmentFault 思否
webpack 教科书式入门教程 - 夹生饭 - SegmentFault 思否
GitChat · 前端 | webpack 从入门到工程实践 - 个人文章 - SegmentFault 思否
Webpack笔记 - 简书
Webpack——解决疑惑,让你明白 - 简书
Webpack4.x 入门上手实战(2018.08) - 简书
Webpack 2 入门教程 | llp的程序猿之路
M.M.F 小屋
2019最新Webpack4.0教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
10天搞定webpack4.0_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
webpack详解(一)_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
webpack2.0 基本使用 - SamWeb - 博客园
Webpack5 构建一个大型应用系列 (附 vscode 跟 prettier 配置)

webpack 环境变量

Webpack 设置环境变量的误区 - 掘金

代码动态加载 & 异步加载

借助 Webpack 静态分析能力实现代码动态加载 - Chenng 的主页
脑阔疼的webpack按需加载 - 掘金
基于webpack实现react组件的按需加载 - 冯淼森的博客
Webpack 打包含动态加载的类库 | Scarletsky
webpack4 import函数异步加载组件 - 掘金
Webpack 打包含动态加载的类库 - 前端 - 掘金
由浅至深了解webpack异步加载背后的原理 - 掘金
webpack2异步加载套路 - JSer - SegmentFault 思否
webpack分包及异步加载套路 - JSer - SegmentFault 思否

性能

webpack-contrib/webpack-bundle-analyzer: Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
robertknight/webpack-bundle-size-analyzer: A tool for finding out what contributes to the size of Webpack bundles
webpack性能榨汁机 - 掘金
webpack打包性能优化之路 - 掘金
Webpack 打包优化之体积篇 | 晚晴幽草轩
Webpack 打包优化之速度篇 | 晚晴幽草轩
记一次 Webpack 项目优化 - 掘金
浅谈webpack4.0 性能优化 - 掘金
webpack性能优化(上) - 掘金
webpack性能优化(下) - 掘金
如何利用webpack来提升前端开发效率(一)? - 掘金
如何利用webpack来提升前端开发效率(二)? - 掘金
重构之路:webpack打包体积优化(超详细) - 掘金
曲线救国:webpack打包优化黑科技 - 掘金
Predictable long term caching with Webpack – webpack – Medium
(5条消息)如何十倍提高你的webpack构建效率 - 思诚^_^ - CSDN博客
webpack.github.io
www.slideshare.net

yeoman

yeoman/yeoman: Yeoman - a set of tools for automating development workflow
The web's scaffolding tool for modern webapps | Yeoman

Ant-Tool 简介 | Ant-Tool 简介
ant-design/antd-init: Ant Design boilerplate generator.
脚手架市场
如何选择JavaScript构建工具之Babel、Browserify、Webpack、Grunt以及Gulp - 思过崖
精读《如何编译前端项目与组件》 - 掘金
打包工具的配置教程见的多了,但它们的运行原理你知道吗? - 掘金
窥探原理:手写一个 JavaScript 打包器 - 掘金

¥构建工具

gulp

gulp core

gulp/API.md at master · gulpjs/gulp
一点 | gulp详细入门教程
一点 | gulp教程之gulp-livereload
一点 | gulp教程之gulp中文API
Gulp 简明使用教程 - 简书
Gulp快速入门教程 - 个人文章 - SegmentFault 思否
Gulp学习指南之CSS合并、压缩与MD5命名及路径替换 - YuanWing Notes - SegmentFault 思否
gulp.js plugin registry
gulp.js - the streaming build system
gulp.js - 基于流的自动化构建工具。 | gulp.js 中文网
gulpjs/gulp: The streaming build system
gulp
gulp 中文文档 - gulp.js 中文文档 | gulp.js 中文网

gulp plugins&dependence

gulp-alex

dustinspecker/gulp-alex: Gulp plugin for Alex
get-alex/alex: Catch insensitive, inconsiderate writing
Alex - Catch insensitive, inconsiderate writing

gulp-autoprefixer

一点 | gulp教程之gulp-autoprefixer
gulp-autoprefixer报Promise is not defined错误 - nikoo_hp - 博客园
gulp-autoprefixer的使用 - 简书
gulp教程之gulp-autoprefixer(根据设置浏览器版本自动处理浏览器前缀) - Hendsame - 博客园
gulp常用插件-gulp-autoprefixer - 吴小粥的博客 - CSDN博客
Gulp插件autoprefixer的使用 - tinyphp - 博客园
gulp-autoprefixer - 博客 - CSDN博客

gulp+browsersync

gulp+browsersync前端自动化构建和页面自动同步 - 个人文章 - SegmentFault 思否
candyCCat/gulp-browsersync: 搭建的一个简单的基于gulp+browsersync的前端自动化构建框架

gulp-bufferify

用gulp-bufferify快速创建你的gulp插件 - Web烤猫 - SegmentFault 思否

gulp-changed

gulp-changed的使用:只编译改动过的文件 - 不挑食的程序员 - SegmentFault 思否
gulp-changed - npm

gulp-debug

gulp-debug - npm

gulp-imagemin

gulp-rev-replace

Package - gulp-rev-replace
gulp-rev-replace,重写已经被吞rev改名的文件名的出现,下载gulp-rev-replace的源码_GitHub_帮酷

gulp-rename

gulp-rename - npm
node笔记——gulp修改静态文件的名字 - 青草圆 - 博客园

gulp-sequence

按顺序逐个同步地运行 Gulp 任务 - 简书
teambition/gulp-sequence: Run a series of gulp tasks in order

gulp-sourcemaps

gulp-sourcemaps的用法 - 幸福n-1次方 - 博客园
javascript - gulp-sourcemaps 的使用过程中,在chrome中没找到对应的可调式的源码啊 - SegmentFault 思否
gulp插件(8) - gulp-sourcemaps(生成sourcemap) - 好事之徒 - CSDN博客
gulp-Source Map 详解 - m0_37978717的博客 - CSDN博客
Introduction to JavaScript Source Maps - HTML5 Rocks

gulp-useref

gulp系列:gulp-useref - J大老板 - CSDN博客
gulp-useref - npm

gulp-util

gulp-util - npm

gulp-utf8-convert

gulp-utf8-convert - npm

gulp转码

ashtuchkin/iconv-lite: Convert character encodings in pure javascript.
heldinz/gulp-convert-encoding: Plugin for gulp to convert files from one encoding to another.
gulp生成utf-8文件的同时,也生成gbk版本 - 简书
gulp-convert-encoding - npm
将文件转成utf8编码的gulp插件——gulp-utf8-convert - 泡泡 - SegmentFault 思否

hellopao/gulp_plugin: plugins for gulp.js
常用gulp插件介绍(一)
gulp常用插件使用指南(一) - 掘金
精通 gulp 常用插件 - 前端 - 掘金

gulp-eagle

gulp-eagle 一个可以快速使用gulp构建前端项目的工具 - 前端小记 - SegmentFault 思否
youngluo/gulp-eagle: Gulp Eagle is based on Laravel Elixir, which provides a clean, fluent API for defining basic Gulp tasks.

glup 教程&用法

gulp 教程

Gulp探究折腾之路

Gulp探究折腾之路(I) | 晚晴幽草轩
Gulp折腾之路(II) | 晚晴幽草轩
Gulp折腾之路(III) | 晚晴幽草轩

gulp 实现 js、css,img 合并和压缩 - CSDN博客
前端构建工具- gulp - 安装及简单CSS,JS文件合并压缩 - CSDN博客
Gulp学习指南之CSS合并、压缩与MD5命名及路径替换 - YuanWing Notes - SegmentFault 思否
Gulp快速入门教程 - 个人文章 - SegmentFault 思否
一点 | gulp教程之gulp-imagemin
glup搭建和使用 - CSDN博客
gulp教程之gulp-concat - CSDN博客
详解常用的gulp命令 - aiiright - 博客园
gulp使用小结(一) - 聂微东 - 博客园
使用gulp实现前端自动化 - 掘金
整理配置的一套gulp自动化方案 - 个人文章 - SegmentFault 思否
gulp详细基础教程 - 前端码路拾遗 - SegmentFault 思否
让我们用gulp写个前端脚手架 - 掘金
gulp插件解决浏览器缓存问题 - 掘金

gulp FAQ

拷贝文件

gulp拷贝文件的时候如何保持路径? - CNode技术社区
gulp.src复制整个文件夹或文件到指定目录(包括拷贝单个文件) - 雾里看花叹朦胧 - CSDN博客
web前端工程化工具_gulp的路径问题,路径通配符 ** * ,拷贝所有文件夹及其子文件夹下的文件,项目的所有文件 - jiang7701037的博客 - CSDN博客
deployment - How do I copy directories recursively with gulp? - Stack Overflow

task顺序执行

gulp的task顺序执行 - SegmentFault 思否
gulp顺序执行任务
gulp顺序执行任务 - {前端开发} - 博客园
javascript - gulp任务的先后问题 - SegmentFault 思否
gulp_如何保证任务和程序顺序执行? - fantaxy025025的专栏 - CSDN博客
gulp中task的异步执行:加上return - 不挑食的程序员 - SegmentFault 思否

gulp error

gulp打包之unable to minify JavaScript - CSDN博客
[Gulp打包问题] GulpUglifyError: unable to minify JavaScript - Jerry's Blog - 开源中国
【gulp错误】GulpUglifyError: unable to minify JavaScript(黑人问号脸.gif) - reng嘉的回答 - SegmentFault 思否
gulp编译报错 - CSDN博客
gulp - GulpUglifyError: unable to minify JavaScript - Stack Overflow
gulp错误GulpUglifyError: unable to minify JavaScript解决

gulp gulp有没有办法将所有的js文件压缩并重命名_百度知道
gulp4 - gulp中del()使用问题 - SegmentFault 思否
使用gulp为项目中的文件自动添加版本号之实践思路 - 姜丝的博客 - CSDN博客
gulp.src复制整个文件夹或文件到指定目录(包括拷贝单个文件) - 雾里看花叹朦胧 - CSDN博客
gulp排除已压缩文件思路
gulp自动添加静态文件版本号方案 - wangwei249的博客 - CSDN博客
gulp.src排除一些文件 - 个人文章 - SegmentFault 思否
Gulp .src() 匹配模式详解 - 凝弧 - CSDN博客

做一个合格的前端,gulp资源大集合 - 专注WEB前端/微信小程序 - SegmentFault 思否

grunt

PintJS – 轻量,并发的GruntJS运行器

PintJS – 轻量,并发的 GruntJS 运行器 - 梦想天空(山边小溪) - 博客园
Pint

Grunt: JavaScript世界的构建工具 -- Grunt中文网
Grunt: The JavaScript Task Runner
gruntjs/grunt: Grunt: The JavaScript Task Runner

¥grunt plugins

tjgq/grunt-throttle: A Grunt plugin for testing under a throttled connection.

fis

前端自动构建工具 -- fis - 个人文章 - SegmentFault 思否
前端开发手札fis篇——关于部署目录的问题 - 帕奇的手札 - SegmentFault 思否
Fis3构建迁移Webpack之路 - 个人文章 - SegmentFault 思否

source-map-explorer

source-map-explorer - npm
danvk/source-map-explorer: Analyze and debug space usage through source maps

wordpressify

luangjokaj/wordpressify: 🎈 A build system designed to automate your WordPress development workflow.
WordPressify – A build system designed to automate your WordPress development workflow.

构建工具 - 掘金精选 - SegmentFault 思否
前端构建工具整理 - 前端路漫漫 - SegmentFault 思否

¥数据库 tools

json-server

MongoDB Hosting: Database-as-a-Service by mLab
Install MongoDB — MongoDB Manual 3.6

¥压缩、解压缩

JSZip

JSZip
JS前端用jszip生成zip压缩包下载 - xudejun的博客 - CSDN博客
Node.js使用jszip实现打包zip压缩包 - 蟹行者 - 博客园

lz-string

pieroxy/lz-string: LZ-based compression algorithm for JavaScript

纯js实现页面上的图片内容打包zip下载 - qq_29101365的博客 - CSDN博客
利用r.js压缩整个项目的JavaScript文件 - Snandy - ITeye博客

$资源相关

¥CDN

UNPKG

请问如何下载unpkg的文件目录? - 你可以叫我大仙的回答 - SegmentFault 思否
UNPKG
Unpkg 简介-云栖社区-阿里云
貌似发现了一个 unpkg.com 在国内的镜像? - V2EX
unpkg/unpkg.com: The CDN for everything on npm
UNPKG - vue

BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
使用 SRI 解决 CDN 劫持 - 掘金

¥SourceMap

JavaScript Source Map 详解 - 阮一峰的网络日志
Source Map详解-社区博客-网易云
SourceMap介绍 - 掘金
【webpack】你所不知道的sourceMap - 掘金

¥validate data

is.js

Cedriking/is.js: Micro javascript library to use in conditions.
is.js/is.js at master · Cedriking/is.js

Superstruct

ianstormtaylor/superstruct: A simple and composable way to validate data in Javascript.

数据格式

¥Web 推送

《Web 推送通知》

《Web 推送通知》系列翻译 | 引言&概览 - 掘金
《Web 推送通知》系列翻译 | 第二篇:推送是怎么工作的? - 掘金
《Web 推送通知》系列翻译 | 第三篇:订阅一个用户 - 掘金
《Web 推送通知》系列翻译 | 第四篇:请求权限的交互 - 掘金
《Web 推送通知》系列翻译 | 第五篇:使用 Web 推送库发送消息 && 第六篇:Web 推送协议 - 掘金
《Web 推送通知》系列翻译 | 第七篇:推送事件 && 第八篇:显示一个通知 - 掘金
《Web 推送通知》系列翻译 | 第九篇:通知行为 && 第十篇:常用的通知模式 - 掘金
《Web 推送通知》系列翻译 | 第十一篇:FAQ && 第十二篇:常见问题以及错误反馈 - 掘金

Web 实时推送技术的总结 - 掘金

¥图片预加载、懒加载与响应式

懒加载

echo-js

echo

amazeui/echo: Lazy-loading images with data-* attributes
Echo.js | Amaze UI 插件

Echo.js, simple JavaScript image lazy loading
documents/plugin/echo at master · helijun/documents

lozad.js

ApoorvSaxena/lozad.js: 🔥 Highly performant, light ~0.9kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more
Lozad.js: Highly performant lazy loader

lazyestload.js

Paul-Browne/lazyestload.js: load images only when they are in (and remain in) the viewport
https://rawgit.com/Paul-Browne/lazyestload.js/master/dist/lazyestload.html

jquery_lazyload

tuupola/jquery_lazyload: Vanilla JavaScript plugin for lazyloading images
Vanilla JavaScript Lazy Load Plugin
documents/jquery.lazyload.js at master · helijun/documents

tada

fallroot/tada: Lightweight, no dependency library for lazy image load. Duplicate element check, throttled scroll handler, percent threshold supported.

lazyload
JS图片延迟加载分析及简单的demo - 龙恩0707 - 博客园
按需加载图片(图片懒加载) - 云库网
js实现图片懒加载 - 简书
前端如何实现图片懒加载(lazyload) 提高用户体验
图片懒加载 - 小火柴的蓝色理想 - 博客园
图片懒加载使用方法及感受 - CSDN博客
原生JS实现最简单的图片懒加载 - 打基础打基础打基础 - SegmentFault 思否
使用JS进行图片懒加载 - CSDN博客
前端实现图片懒加载(lazyload)的两种方式 - liliangel - 博客园
(可视区域加载)图片懒加载实现原理 - 最骚的就是你 - 博客园
使用jQuery实现图片懒加载原理 - 廖雪峰的官方网站
HTML5自定义属性对象Dataset简介 « 张鑫旭-鑫空间-鑫生活
Lazyr.js – 延迟加载图片(Lazy Loading) - 梦想天空(山边小溪) - 博客园
原生JS实现最简单的图片懒加载 · Issue #1 · axuebin/articles
图片懒加载的前世今生 - 掘金
实现图片懒加载(throttle, debounce) - 掘金

预加载

img-2

RevillWeb/img-2: Replace <img /> elements with <img-2> to automatically pre-cache images and improve page performance.

Javascript图片预加载详解 - WEB前端 - 伯乐在线
实现类似Pinterest 的图片预加载功能 - WEB前端 - 伯乐在线
3+ Ways to Preload Images Using CSS, JavaScript, or Ajax | Perishable Press
jQuery图片预加载(延迟加载)插件Lazy Load-前端开发博客
[前端]图片预加载方法 - 杠子 - 博客园
JS实现图片预加载之无序预加载功能代码_javascript技巧_脚本之家
Javascript图片预加载详解 - CSDN博客
js中图片的预加载演示 - _yh - 博客园
基于javascript实现图片预加载_JavaScript_WEB开发_文档_源码天空

响应式

响应式图片 - 学习 Web 开发 | MDN

eligrey/hotlink.js: Hide image referrers
javascript图片懒加载与预加载的分析 - HackerVirus - 博客园

¥监听文件实现浏览器自动刷新

gulp+browser-sync 监听文件实现浏览器自动刷新 - 简书
AriaFallah/WebpackTutorial: A simple webpack tutorial
Browsersync结合gulp和nodemon实现express全栈自动刷新 - 简书
Node.js、npm、gulp及browser-sync那些事 - 简书
前端自动化-浏览器自动实时刷新(gulp)--转自博客园 乐少007 - 简书
Gulp探究折腾之路(I) - 简书
开发中 Server(devServer) | webpack 中文网
webpack-dev-server使用方法,看完还不会的来找我~ - JSer - SegmentFault 思否
webpack-dev-server 原理探讨 - 掘金
webpack-dev-server模块 - webxiaoma - SegmentFault 思否
webstorm修改文件,webpack-dev-server不会自动编译刷新 - 个人文章 - SegmentFault 思否
webpack-dev-server完整demo - 个人文章 - SegmentFault 思否
webpack-dev-server使用方法,看完还不会的来找我~ - JSer - SegmentFault 思否
Webpack-dev-server的proxy用法 - 前端小码农 - SegmentFault 思否
详解webpack-dev-server的使用 - web前端 - SegmentFault 思否

¥资源操作

动态/异步加载css,js

css加载会造成阻塞吗? - 陈陈jg - 博客园
转:按需加载html 图片 css js - stephenykk - 博客园
javascript中采用jQuery ajax动态加载js文件的解决方法 - CSDN博客
经验总结:按需加载JS和css - stephenykk - 博客园
探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密 - 文章 - 伯乐在线
jQuery+ajax实现动态加载,局部刷新, - TigerZhang - 博客园
JavaScript 的性能优化:加载和执行
js的并行加载与顺序执行 - Hello.NET - 博客园
简单的算法-解决页面脚本异步加载顺序问题 - 掘金
实用技巧:使用 jQuery 异步加载 JavaScript 脚本 - 梦想天空(山边小溪) - 博客园
优雅的实现动态加载 css、js - 掘金

跨操作系统共享文件

如何跨操作系统共享文件?你还在用U盘傻瓜式地拷贝文件吗? - 掘金

下载资源优先级

priority-hints

WICG/priority-hints: A browser API to enable developers signal the priorities of the resources they need to download.
Priority Hints

解析HTML文件

digisfera/useref: Parse build blocks in HTML files to replace references

JS代码如何不被别人看到? - CSDN博客
[译]未雨绸缪之:静态资源处理 - 掘金

¥文本文档

文本字符去重

JS单行、多行文本字符去重和行去重 - 掘金

转换网页

percollate

danburzo/percollate: 🌐 → 📖 A command-line tool to turn web pages into beautifully formatted PDFs

词云

wordcloud2.js

timdream/wordcloud2.js: Tag cloud/Wordle presentation on 2D canvas or HTML

react-d3-cloud

Yoctol/react-d3-cloud: A word cloud react component built with d3-cloud.

react-tagcloud

madox2/react-tagcloud: Tag/word cloud component for react https://madox2.github.io/react-tagcloud/

iroun

pistis/iroun: Name analyzer written in Javascript

react-tag-cloud

IjzerenHein/react-tag-cloud: Create beautiful tag/word clouds using React ☁️

d3-cloud

jasondavies/d3-cloud: Create word clouds in JavaScript.

¥任务管理工具

drome

dromejs/drome: JavaScript task runner
Drome · Powerful and easy task runner

¥配置语言

HOCON

config/HOCON.md at master · lightbend/config

hjson

Hjson, a user interface for JSON
Hjson

toml

toml-lang/toml: Tom's Obvious, Minimal Language

YAML

YAML: probably not so great after all
The Official YAML Web Site

¥前端路由

universal-router

kriasoft/universal-router: A simple middleware-style router for isomorphic JavaScript web apps
Universal Router ∙ Isomorphic routing solution for JavaScript applications
universal-router - npm

前端路由跳转基本原理 - 掘金
原生 js 实现一个前端路由 router - 掘金
[实践系列] 前端路由 - 掘金
JS 专题系列-前端路由 - 掘金

¥任务调度

React Scheduler 源码详解(1) - 掘金
react/Scheduler.js at v16.7.0 · facebook/react

$API相关

¥Animations

Web Animations API | MDN
window.requestAnimationFrame - Web API 接口参考 | MDN
window.cancelAnimationFrame - Web API 接口参考 | MDN

¥API Requests

rapid.js

rapidjs/rapid.js: An ORM-like Interface and a Router For Your API Requests

¥API兼容性

¥Collection of polyfills

webshim

aFarkas/webshim: [DEPRECATED] Webshims Lib is a modular capability-based polyfill-loading library
Webshim

autopolyfiller

azproduction/autopolyfiller: Autopolyfiller — Precise polyfills. This is like Autoprefixer, but for JavaScript polyfills.
Autopolyfiller — Precise polyfills

remy/polyfills: Collection of polyfills that I've written
Financial-Times/polyfill-library
Polyfill 方案的过去、现在和未来 · Issue #80 · sorrycc/blog
ljharb/util.promisify: Polyfill/shim for util.promisify in node versions < v8
cujojs/poly: Small, fast, awesome. The only ES5-ish set of polyfills (shims) you can mix-and-match because they're individual modules.

¥ES兼容

¥ES兼容 core

mdn-polyfills

msn0/mdn-polyfills: MDN polyfills - from, forEach, filter, find, findIndex, assign, includes, create, entries, of, repeat, startsWith, endsWith, toggleAttribute, bind, MouseEvent, CustomEvent, padEnd, padStart
Polyfills copy-pasted from MDN | Check Polyfills copy-pasted from MDN

@babel/polyfill · Babel
@babel/plugin-transform-runtime · Babel
@babel/polyfill 与 @babel/plugin-transform-runtime 详解 · Issue #4 · Weiyu-Chen/blog
@babel/preset-env · Babel
Show me the code,babel 7 最佳实践! · Issue #5 · Weiyu-Chen/blog

¥polyfill

async-listener

othiym23/async-listener: polyfill version of the 0.11 version of the asyncListener API
async-listener - npm

es6-micro-loader

caridy/es6-micro-loader: ES6 System Loader Polyfill

import.js

WebReflection/import.js: A dynamic import() polyfill

String.prototype.startsWith

mathiasbynens/String.prototype.startsWith: A robust & optimized ES3-compatible polyfill for the `String.prototype.startsWith` method in ECMAScript 6.

speech-synthesis

janantala/speech-synthesis: Speech Synthesis polyfill
speech-synthesis

ambit-tsai/es6-proxy-polyfill: Proxy polyfill based on ES3 supports IE8, Node.js, etc.
es-shims/es5-shim: ECMAScript 5 compatibility shims for legacy (and modern) JavaScript engines
paulmillr/es6-shim: ECMAScript 6 compatibility shims for legacy JavaScript engines
sophiebits/es3ify: Browserify transform to convert ES5 syntax to be ES3-compatible.
benlesh/symbol-observable: Symbol.observable ponyfill
taylorhakes/promise-polyfill: Lightweight ES6 Promise polyfill for the browser and node. A+ Compliant
GoogleChrome/proxy-polyfill: Proxy object polyfill
mozilla/webextension-polyfill: A lightweight polyfill library for Promise-based WebExtension APIs in Chrome
ModuleLoader/es-module-loader: Polyfill for the ES Module Loader
constancecchen/object-fit-polyfill: A Javascript polyfill for browsers that don't support the object-fit CSS property.
lahmatiy/es6-promise-polyfill: ES6 Promise polyfill
slightlyoff/Promises: DOM Promises IDL/polyfill
kpdecker/six-speed: ES6 polyfill vs. feature performance tests
medikoo/es6-symbol: ECMAScript 6 Symbol polyfill
getify/native-promise-only: A polyfill for native ES6 Promises as close as possible (no extensions) to the strict spec definitions.
matthewp/script-type-module: A <script type=module> polyfill
fhinkel/six-speed: ES6 polyfill vs. feature performance tests
teropa/to-sting: Object.toSting() polyfill

¥浏览器兼容

CSS

[译] 浏览器中 CSS 支持指南 - 掘金

HTML5 测试

HTML5test - How well does your browser support HTML5?
HTML5test - How well does your browser support HTML5?
sitevalidator.com

IE测试工具

olivernn/augment.js: Modern JavaScript in your IE
Augment.js - Modern JavaScript
gtakat/modern-ie-automate: modern.ie auto launch script
hnakamur/modern.ie.virtualbox.scripts: setup and start modern.ie virtual machines
rodrigocorral/modern.ie-ie-plugin
carloszapata/modern.IE-static-code-scan
azl397985856/file-writer: fileWriter tool base on web browser by using HTML5 interface(download attr), support mostly modern browser including IE 10+
charsleysa/zero: Zero began as a fork of Zepto but its inner workings have changed to be compatible with all modern browsers including IE with performance improvements.
markhuber/modern-ie-vagrant: Vagrant based Modern.IE VMs
suderman/modernizr-ie: Modernizr tests to check the version of Internet Explorer
IE 浏览器各个版本 JavaScript 支持情况一览表 - 梦想天空(山边小溪) - 博客园
判断IE版本的HTML语句详解,如:[if lte IE 9]……[endif]_网页制作_西部e网
window.location在IE中路径问题 - cuiyaoqiang的博客 - CSDN博客
IE11的userAgent - 开心就好的专栏 - CSDN博客
IE11 修改默认User-Agent方法 - . - CSDN博客
windows10下的浏览器userAgent - penwa的博客 - CSDN博客
IE10、IE11 User-Agent 网站无法写入Cookie 问题[转] - 偷偷有码 - 博客园
UA对照表 - 纸上得来终觉浅 - CSDN博客
IE与其他浏览器的区别 - a464064368的博客 - CSDN博客

js事件与功能

javascript事件与功能说明大全 - 常用参考表对照表 - 脚本之家在线工具
JS事件那些事儿 一次整明白 - 掘金
window.onbeforeunload,浏览器关闭提示,兼容IE、FF、Chrome - 陕北好地方 - ITeye博客
Javascript中target事件属性,事件的目标节点的获取。 - dearxiangxiao - 博客园
JS获取事件的目标 - e.e.p - 博客园
初识onkeydown及其兼容性问题 - 极客神殿 - CSDN博客
jQuery.event兼容各浏览器的event详细解析 - u012028371的博客 - CSDN博客
关于event 和 window.event问题及浏览器兼容问题 - ryelqy的博客 - CSDN博客
e = e || window.event的区别及用法。 - qq_41348029的博客 - CSDN博客
event的IE兼容性处理 - 碎语1992 - CSDN博客

polyfill

audio-recorder-polyfill

ai/audio-recorder-polyfill: MediaRecorder polyfill to record audio in Edge and Safari
Media Recorder Polyfill

AdapterJS

Temasys/AdapterJS: AdapterJS Javascript Polyfill and Tools for WebRTC - Skylink WebRTC
SkylinkJS Web SDK » Temasys.io

audioworklet-polyfill

GoogleChromeLabs/audioworklet-polyfill: 🔊 Polyfill AudioWorklet using the legacy ScriptProcessor API.
https://googlechromelabs.github.io/audioworklet-polyfill/

avif.js

Kagami/avif.js: AVIF polyfill for the browser
avif.js demo

better-dateinput-polyfill

chemerisuk/better-dateinput-polyfill: input[type=date] polyfill for better-dom
better-dateinput-polyfill demo

background-size-polyfill

louisremi/background-size-polyfill: Adds support for background-size "cover" and "contain" to IE8
Stretch background image using CSS3 background-size, in IE8 too.

cssSandpaper

zoltan-dulac/cssSandpaper: a CSS3 Polyfill that implements CSS3 transforms, box-shadow, gradients, opacity and RGBA/HSL/HSLA colours in browser that don't support them.
cssSandpaper – a CSS3 JavaScript Library

classList.js

eligrey/classList.js: Cross-browser element.classList

Captionator

cgiffard/Captionator: HTML5 polyfill for closed captioning with the <track> element, and implements the WHATWG Timed Text Track specification.
Captionator.js

CSS.escape

mathiasbynens/CSS.escape: A robust polyfill for the CSS.escape utility method as defined in CSSOM.

CSS3.js

gucong3000/CSS3.js: CSS3 polyfill
Css3.js by gucong3000

custom-elements

webcomponents/custom-elements: A polyfill for HTML Custom Elements v1
Polyfills - webcomponents.org

css3-mediaqueries-js

livingston/css3-mediaqueries-js: CSS3 Media Queries Shim
Google Code Archive - Long-term storage for Google Code Project Hosting.

css-paint-polyfill

GoogleChromeLabs/css-paint-polyfill: A polyfill for the CSS Paint API, with special browser optimizations.
https://googlechromelabs.github.io/css-paint-polyfill/

CustomElements

googlearchive/CustomElements: Custom Elements Polyfill
Custom Elements

css-regions-polyfill

adobe-webplatform/css-regions-polyfill: Experimental CSS Regions polyfill written in JavaScript
CSS Regions JavaScript Polyfill

css-variables-polyfill

aaronbarker/css-variables-polyfill: A basic polyfill for CSS Variables/custom-properties

core-estimator

oftn-oswg/core-estimator: Cross-browser polyfill for navigator.hardwareConcurrency
navigator.hardwareConcurrency polyfill

clipboard-polyfill

lgarron/clipboard-polyfill: Sane copying on the web, with maximum browser compatibility.
clipboard-polyfill
clipboard-polyfill/Conclusions.md at master · lgarron/clipboard-polyfill

document.scrollingElement

mathiasbynens/document.scrollingElement: A polyfill for document.scrollingElement as defined in the CSSOM specification.

datalist-polyfill

mfranzke/datalist-polyfill: Minimal and dependency-free vanilla JavaScript polyfill for the awesome datalist-functionality
datalist polyfill demo

flexibility

jonathantneal/flexibility: A JavaScript polyfill for Flexbox
Flexibility

focus-visible

WICG/focus-visible: Polyfill for `:focus-visible`
focus-visible class demo

gray

karlhorky/gray: Make an image grayscale in all browsers
Gray

Geolocation-API-Polyfill

manuelbieh/Geolocation-API-Polyfill: This library provides a consistent Geolocation API for miscellaneous web browsers and also acts as polyfill. It only supports Javascript in a web browser and is not tested and will maybe not work for use in Titanium, P
Hello! – Manuel Bieh – Freelance Developer. JavaScript. React. Node.js

html5slider

fryn/html5slider: <input type=range> polyfill for Firefox
html5slider: <input type=range> for Firefox

HTML5-Progress-polyfill

LeaVerou/HTML5-Progress-polyfill: Polyfill for the HTML5 <progress> element
HTML5 <progress> polyfill by Lea Verou

hidpi-canvas-polyfill

jondavidjohn/hidpi-canvas-polyfill: A JavaScript drop-in module to polyfill consistent and automatic HiDPI Canvas support.
HiDPI Canvas Polyfill by jondavidjohn

iphone-inline-video

bfred-it/iphone-inline-video: 📱 Make videos playable inline on the iPhone (prevents automatic fullscreen)
iphone-inline-video - npm

imagecapture-polyfill

GoogleChromeLabs/imagecapture-polyfill: MediaStream ImageCapture polyfill. Take photos from the browser as easy as .takePhoto().then(processPhoto)
MediaStream ImageCapture polyfill demo

jquery.backgroundSize.js

louisremi/jquery.backgroundSize.js: DEPRECATED, please use its successor: background-size polyfill

jquery-details

mathiasbynens/jquery-details: World’s first <details>/<summary> polyfill™
Bulletproof HTML5 <details> fallback using jQuery · Mathias Bynens

keyboardevent-key-polyfill

cvan/keyboardevent-key-polyfill: polyfill for `KeyboardEvent.prototype.key`
keyboardevent-key-polyfill demo

local-storage-js

wojodesign/local-storage-js: Cross Browser HTML5 Local Storage Polyfill
Full Service Web Agency | Wojo Design | Wojo Design

multirange

LeaVerou/multirange: A tiny polyfill for HTML5 multi-handle sliders
Multirange: A tiny polyfill for HTML5 multi-handle sliders.

mdl-stepper

ahlechandre/mdl-stepper: A library that implements to the Material Design Lite a polyfill of stepper component specified by Material Design.
MDL Stepper

myth

segmentio/myth: A CSS preprocessor that acts like a polyfill for future versions of the spec.
Myth - CSS the way it was imagined.

Navigator.sendBeacon

miguelmota/Navigator.sendBeacon: Polyfill for Navigator.sendBeacon()

notification.js

MrSwitch/notification.js: A shim polyfill for adding notifications to browsers which offer limited support
notification.js

nodep-date-input-polyfill

brianblakely/nodep-date-input-polyfill: Automatically adds datepickers to input[type=date] on IE, macOS Safari, and legacy browsers.
nodep-date-input-polyfill - npm

number-polyfill

jonstipe/number-polyfill: A polyfill for implementing the HTML5 <input type="number"> element in browsers that do not currently support it.

object-fit-images

bfred-it/object-fit-images: 🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ...
object-fit-images - npm

Placeholders.js

jamesallardice/Placeholders.js: A JavaScript polyfill for the HTML5 placeholder attribute
Placeholders.js - An HTML5 placeholder attribute polyfill

polyfill-service

Financial-Times/polyfill-service: Automatic polyfill service.
Polyfill.io

picturePolyfill

verlok/picturePolyfill: Real picture tag polyfill, to use responsive images today!
Responsive images using verlok/picturePolyfill - by Andrea Verlicchi

rangeslider.js

andreruffert/rangeslider.js: 🎚 HTML5 input range slider element polyfill
rangeslider.js

REM-unit-polyfill

chuckcarpenter/REM-unit-polyfill: A polyfill to parse CSS links and rewrite pixel equivalents into head for non supporting browsers
Rem-unit-polyfill by chuckcarpenter

stickybits

dollarshaveclub/stickybits: Stickybits is a lightweight alternative to `position: sticky` polyfills 🍬
Stickybits

smoothscroll

iamdustan/smoothscroll: Scroll Behavior polyfill
Smooth Scroll behavior polyfill

showModalDialog

niutech/showModalDialog: window.showModalDialog polyfill using a <dialog> element
showModalDialog polyfill demo

scroll-into-view-if-needed

stipsan/scroll-into-view-if-needed: Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"
Ponyfill for upcoming Element.scrollIntoView() APIs like scrollMode: if-needed, behavior: smooth and block: center

undom

developit/undom: 🍩 1kb minimally viable DOM Document implementation
undom - npm

vminpoly

saabi/vminpoly: A polyfill for CSS units vw, vh & vmin and now some media queries to boot. Works in IE5.5 and Opera Mini
Sophisticated vw, vh & vmin example

Web-Components-Polyfill

dglazkov/Web-Components-Polyfill: IMPORTANT: Use http://polymer-project.org/ instead. Their stuff is better.

webvr-polyfill

immersive-web/webvr-polyfill: Use WebVR today, without requiring a special browser build.
WebVR Polyfill Demo

webcomponentsjs

webcomponents/webcomponentsjs: A suite of polyfills supporting the HTML Web Components specs
Polyfills - webcomponents.org

paulmillr/console-polyfill: Browser console methods polyfill.
RubyLouvre/fetch-polyfill: fetch polyfill which supports all mainstream browsers, even IE6, IE7, IE8.....
aFarkas/html5shiv: This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer.
The Story of the HTML5 Shiv - Paul Irish
paulirish/matchMedia.js: matchMedia polyfill for testing media queries in JS
scottjehl/Respond: A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
html5shiv.js和respond.min.js - 自_定义 - 博客园
philipwalton/polyfill: A library to make creating CSS polyfills much easier.
GoogleChrome/dialog-polyfill: Polyfill for the HTML dialog element
wilddeer/stickyfill: Polyfill for CSS `position: sticky`
Schepp/CSS-Filters-Polyfill: This polyfill takes the official CSS filters syntax and translates it to the different equivalent techniques that the browsers know for those effects
kmewhort/pointer_events_polyfill: Polyfill to provide support for "pointer-events: none".
ginader/HTML5-placeholder-polyfill: Small and robust polyfill for the HTML5 placeholder attribut.
mozilla/webxr-polyfill: A polyfill and example code for building augmented reality (AR) and virtual reality (VR) applications using WebXR.
borismus/srcset-polyfill: [Warning: not for production code]
ckrack/scrollsnap-polyfill: A polyfill for CSS scroll snapping
chrisdickinson/raf: requestAnimationFrame polyfill library
adobe-webplatform/css-shapes-polyfill: Polyfill for the CSS Shapes Specification
GoogleChromeLabs/tti-polyfill: Time-to-interactive polyfill
google/canvas-5-polyfill: HTML 5 Canvas Polyfill
jimmywarting/FormData: HTML5 `FormData` polyfill for Browsers.
darius/requestAnimationFrame: Polyfill for requestAnimationFrame/cancelAnimationFrame
jugglinmike/srcdoc-polyfill: A shim for the iFrame "srcdoc" attribute
progers/pathseg: SVGPathSeg polyfill
matthewp/position--sticky-: Polyfill for position: sticky;
FremyCompany/css-regions-polyfill: A javascript implementation of the CSS Regions specification, as of August 2013
nicjansma/usertiming.js: UserTiming polyfill
GoogleChrome/inert-polyfill: Polyfill for the HTML inert attribute
jonathantneal/EventListener: EventListener Polyfill for IE
PM5544/scoped-polyfill: Vanilla JavaScript polyfill for scoped style in HTML5, also works with jQuery if you want to.
googlearchive/HTMLImports: Polyfill implementing the HTMLImports specification
immersive-web/webxr-polyfill: Use the WebXR Device API today, providing fallbacks to native WebVR 1.1 and Cardboard
Fyrd/purejs-datalist-polyfill: A pure JS (no jQuery required) implementation of the HTML5 datalist element
TimPietrusky/background-clip-text-polyfill: A SVG polyfill for -webkit-background-clip: text
javan/details-element-polyfill: <details>
mo/abortcontroller-polyfill: Polyfill for the AbortController DOM API and abortable fetch (stub that calls catch, doesn't actually abort request).
EventSource/eventsource: EventSource client for Node.js and Browser (polyfill)
facebookarchive/IndexedDB-polyfill: IndexedDB polyfill (via Web SQL Database)
WICG/inert: Polyfill for the inert attribute and property.
krambuhl/custom-event-polyfill: Polyfill for creating CustomEvents on IE9/10/11 if native implementation is missing.
ngx-translate/i18n-polyfill: A speculative polyfill to support i18n code translations in Angular
bramstein/fontloader: A fontloader polyfill
tysonmatanich/elementQuery: An element query polyfill you can use today.
closingtag/calc-polyfill: A Polyfill for CSS3 calc()
jonathantneal/fitie: An object-fit polyfill for Internet Explorer
googlearchive/platform: Integrate platform polyfills: load, build, test
ftlabs/ftcolumnflow: A polyfill that fixes the inadequacies of CSS column layouts
webcomponents/html-imports: HTML Imports polyfill
jquery/PEP: Pointer Events Polyfill: a unified event system for the web platform
filamentgroup/Overthrow: A tiny, no-frills, framework-independent, targeted overflow: auto polyfill for use in responsive design.
aFarkas/requestIdleCallback: A requestIdleCallback shim/polyfill
WebReflection/document-register-element: A stand-alone working lightweight version of the W3C Custom Elements specification
dumbmatter/fakeIndexedDB: A pure JS in-memory implementation of the IndexedDB API
aFarkas/respimage: respimage is a responsive images polyfill, that loads your images fast and responsibly
doctyper/reflexie: A grown-up polyfill for a grown-up flexbox.
jonstipe/color-polyfill: A polyfill for implementing the HTML5 <input type="color"> element in browsers that do not currently support it.
filamentgroup/snapper: A CSS Snap-Points based carousel (and lightweight polyfill)
tomdale/ember-network: Universal fetch() polyfill (FastBoot and browser) for Ember apps
tbosch/autofill-event: A polyfill to fire a change event when the browser auto fills form fields
Rob--W/chrome-api: Polyfills, libraries and patches to aid Chrome extension developers.
boyofgreen/ManUp.js: ManUp.js is a polyfill to support the Manifest for Web Apps
medikoo/next-tick: Environment agnostic nextTick polyfill
deltakosh/handjs: Hand.js is a polyfill for supporting pointer events on every browser
weblinc/media-match: Test css media queries in javascript. A faster polyfill for matchMedia support. Follow the project on Twitter @mediamatchjs.
developit/task-worklet: Task Worklet: explainer, polyfill and demos.
freqdec/fd-slider: An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution
Stryzhevskyi/rangeSlider: Simple, small and fast vanilla JavaScript polyfill for the HTML5 `<input type="range">` slider element.
amvtek/EventSource: Provide polyfill to support EventSource in browser where it is not available
mortzdk/localStorage: A localStorage polyfill, that enables persistent storage of data in every browser.
alekseykulikov/touch-action: Disable 300ms delay on mobile using CSS touch-action or asynchronously download FastClick as polyfill
DieterHolvoet/event-propagation-path: Polyfill for the JavaScript Event path/composedPath property

tools

f2etest

F2etest | F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。
alibaba/f2etest: F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。

Can I use... Support tables for HTML5, CSS3, etc
W3Help - 兼容性 - 根本原因
kangax/compat-table: ECMAScript 5/6/7 compatibility tables
Kilian/electron-to-chromium: Provides a list of electron-to-chromium version mappings

渐进增强

Progressive Enhancement: What It Is, And How To Use It? — Smashing Magazine

FAQ

关于Chrome浏览器document.body.scrollTop一直为0的问题-好记的博客
chrome弹窗在双屏情况下left居中定位异常分析 - 掘金
浏览器兼容性问题解决方案 · 总结 - 掘金
HTML 5 标签、属性、事件及浏览器兼容性速查表 - 梦想天空(山边小溪) - 博客园
五大主流浏览器 CSS3 和 HTML5 兼容性大比拼 - 梦想天空(山边小溪) - 博客园
兼容所有浏览器的设为首页收藏本站js代码_网页特效_进阶教程_ecshop教程_知识堂_ECSHOP模板堂
各主流浏览器之间的兼容性-JS篇 - 郝高胜 - 博客园
ie不兼容的几个js问题及解决办法 - CSDN博客
12款很棒的浏览器兼容性测试工具推荐 - 梦想天空(山边小溪) - 博客园
兼容多浏览器的本地存储 - 蒋倩兰——蕙质兰心 - CSDN博客
常用原生JS兼容性写法汇总 - 待繁华落尽 - 博客园
Web移动端适配总结 - 掘金
一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 - 小诺 - CSDN博客

¥Document Object Model

currentScript

document.currentScript - Web API 接口参考 | MDN
current-script-polyfill - npm

document.write

eligrey/async-document-write: An asynchronous document.write implementation

渲染树

渲染树的形成原理你真的很懂吗?

Document Object Model (DOM) Level 3 Core Specification
Document Object Model HTML
DOM Standard
vue / react的UI库都在用的几个DOM API🚀 - 掘金

¥DocumentFragment

DocumentFragment | MDN
DocumentFragment 的优化小知识 - 掘金

¥Events

load & DOMContentLoaded

load - 事件参考 | MDN
DOMContentLoaded - 事件参考 | MDN
window.onload和DOMContentLoaded的区别 - 余小果 - 博客园
document.ready、window.onload、body.onload的区别 - 自行车上的程序员 - 博客园
window.onload、DOMContentLoaded和$(document).ready() - MIN飞翔 - 博客园
window.onload 和 document.onDOMContentLoaded 有什么区别? - 简书
DOMContentLoaded - Event reference | MDN

Pointer Events

Pointer Events

Document.createEvent() - Web API 接口参考 | MDN
Event.initEvent() - Web API 接口参考 | MDN
EventTarget.dispatchEvent - Web API 接口参考 | MDN
MouseEvent.initMouseEvent() - Web API 接口参考 | MDN
创建和触发 events - Web 开发者指南 | MDN
EventTarget - Web API 接口参考 | MDN
event.currentTarget - Web API 接口参考 | MDN
HTML DOM Event 对象
javascript - not enough arguments to mouseEvent.initMouseEvent - Stack Overflow
initEvent vs initMouseEvent - daishuguang - 博客园
浅谈Javascript事件模拟 - Mr_BackKom - 博客园
跨浏览器-javascript - xionglee - 博客园
创建事件(new Event) - 简书
JavaScript自定义事件 - createEvent()、initEvent()和dispachEvent()
JavaScript 事件——“模拟事件”的注意要点 - 前端和Node学习笔记 - SegmentFault 思否
JavaScript事件(createEvent,initEvent,dispatchEvent) - Legend Of WolfX - OSCHINA

¥Element

HTMLCanvasElement

HTMLCanvasElement - Web API 接口参考 | MDN

Web Components

dom component

domcom

taijiweb/domcom: the web framework to provide dom component

funcy.js

michael-klein/funcy.js: funcy.js - a functional web components wrapper

eplayer

132yse/eplayer: A web-components html5 video player facing future

教程

web component的强大之处 - 前端 - 掘金
Web Components 小榄 - 掘金
mdn/web-components-examples: A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.
HTML Web Component using Plain JavaScript | Codementor
深度介绍:💾 你听说过原生 HTML 组件吗? - 掘金
manfredsteyer/web-components: Examples for using Web Components in Angular

Web Components | MDN
Firefox 63 - Tricks and Treats! - Mozilla Hacks - the Web developer blog
Doing something with Web Components – Duncan Grant – Medium
自定义元素 v1:可重用网络组件  |  Web  |  Google Developers
Posts About Web Components ← Alligator.io
前端下半场:构建跨框架的 UI 库 - Phodal | Phodal - A Growth Engineer
[译] 组件化开发利器:Web Components标准 - 掘金
taoqf/custom-elements-es5-adapter: es2015
WebComponent+WebGl的实时图像处理弹幕播放器 - 掘金

¥fetch

fetch core

developer.mozilla.org
使用 Fetch - Web API 接口 | MDN
github/fetch: A window.fetch JavaScript polyfill.
Introduction to fetch()  |  Web  |  Google Developers
fetch documentation
Fetch Standard
Fetch Standard
Fetch API - Web APIs | MDN
Body - Web APIs | MDN
Request - Web APIs | MDN
Headers - Web APIs | MDN
WindowOrWorkerGlobalScope.fetch() - Web APIs | MDN
Response - Web APIs | MDN
wix-fetch - Wix Code API reference

fetch-jsonp

camsong/fetch-jsonp: Make JSONP request like window.fetch

jest-fetch-mock

jefflau/jest-fetch-mock: Jest mock for the fetch polyfill

rein-api

ForChangeFE/rein-api: 基于 fetch 的 http 客户端请求工具,适用于浏览器

react-native-fetch-blob

wkh237/react-native-fetch-blob: A project committed to making file access and data transfer easier, efficient for React Native developers.

unfetch

developit/unfetch: 🐕 Bare minimum fetch polyfill in 500 bytes.

yetch

Netflix/yetch: Yet-another-fetch polyfill library. Supports AbortController/AbortSignal
fetch documentation

fetch 教程 & FAQ

Fetch - 简书
Understanding the Fetch API
Using Fetch | CSS-Tricks
也许你对 Fetch 了解得不是那么多(上) - 掘金
也许你对 Fetch 了解得不是那么多(下) - 掘金
前端|浅谈fetch - 简书
Fetch - 数据交互方式 - Cmyoung - 博客园
使用更优雅的异步请求API——fetch
传统 Ajax 已死,Fetch 永生 - 会影 - SegmentFault 思否
fetch,终于认识你 - 个人文章 - SegmentFault 思否
fetch使用整理 - CSDN博客
fetch()方法介绍 - CSDN博客
Fetch 的实例讲解 - 掘金
基于原生fetch封装一个带有拦截器功能的fetch,类似axios的拦截器 - 掘金

¥Function

Function - JavaScript | MDN

¥GlobalEventHandlers

GlobalEventHandlers.onload - Web APIs | MDN
GlobalEventHandlers - Web APIs | MDN

¥HTTP、History、Navigator、Notification、URL

HTTP相关

Content-Disposition

Content-Disposition - HTTP | MDN
Hi gays, 你造Content-Disposition吗? - 掘金
HTTP协议header中Content-Disposition中文文件名乱码 - 乒乓狂魔 - OSCHINA
Content-disposition说明以及中文乱码 - 网络大豆 - 博客园
HTTP协议header中Content-Disposition中文文件名乱码_weixin_33779515的博客-CSDN博客
HTTP协议header中Content-Disposition中文文件名乱码 - lcfeiyu - 博客园
Content-Disposition 文件上传、下载 中文乱码 HTTP头 解决办法_VicterTian的博客-CSDN博客
探究 Content-Disposition:解决下载中文文件名乱码_码神岛
解决Content-Disposition: 下载中文名乱码,下载乱码-PHPer许琴-专注于PHP技术-51CTO博客
探究 Content-Disposition:解决下载中文文件名乱码丶一个站在Java后端设计之路的男青年个人博客网站

HEAD - HTTP | MDN

window.history

Window.history - Web APIs | MDN
WindowEventHandlers.onpopstate - Web APIs | MDN
Manipulating the browser history - Web APIs | MDN
Manipulating the browser history - Web API 接口 | MDN
popstate - Event reference | MDN
Using the HTML5 History API | CSS-Tricks
HTML Standard
history对象 -- JavaScript 标准参考教程(alpha)
【深入吧,HTML 5】 性能 & 集成 —— History API - 掘金
使用ajax和history.pushState无刷新改变页面URL - CSDN博客
HTML5 简介(三):利用 History API 无刷新更改地址栏 - Blog - Renfei Song
再详解history.pushState和history.replaceState以及page ajax的实现_唐霜的博客
ajax无刷新加载页面,结合history.state修改url_唐霜的博客
Dev.Opera — Introducing the HTML5 History API
HTML5 History API 和 Location 对象剖析 - Joe’s Blog
History 对象 - JavaScript 教程 - 网道
ajax与HTML5 history pushState/replaceState实例 - Wayne-Zhu - 博客园
HTML5学习笔记之History API_html5教程技巧_脚本之家

window.location

Hash

WindowEventHandlers.onhashchange - Web APIs | MDN
HTMLHyperlinkElementUtils.hash - Web APIs | MDN
hashchange - Event reference | MDN

Location - Web API 接口参考 | MDN
Document.location - Web API 接口参考 | MDN
document.URL - Web API 接口参考 | MDN
document.documentURI - Web API 接口参考 | MDN
window.location - Web API 接口参考 | MDN

window.Notification

Notification.onshow - Web API 接口参考 | MDN
浏览器语音桌面通知,Notification API - 掘金

window.navigator

Navigator - Web API 接口参考 | MDN
NavigatorID - Web API 接口参考 | MDN
NavigatorLanguage - Web API 接口参考 | MDN
NavigatorOnLine - Web API 接口参考 | MDN
NavigatorGeolocation - Web API 接口参考 | MDN
NavigatorPlugins - Web API 接口参考 | MDN
NetworkInformation - Web API 接口参考 | MDN
通过userAgent判断手机浏览器类型 - 好饱的博客 - 程序员博客
appCodeName、appName、appMinorVersion、appVersion、userAgent等navigator对象详细介绍 | 百恒网络
认识Javascript中的navigator对象以及检测浏览器类型和版本,获取浏览器版本号,检测客户端操作系统 - 你为什么不努力的专栏 - CSDN博客

sendBeacon

Navigator.sendBeacon() - Web API 接口参考 | MDN

msSaveBlob

msSaveBlob method (Internet Explorer) | Microsoft Docs

msSaveOrOpenBlob

msSaveOrOpenBlob method (Internet Explorer) | Microsoft Docs

window.URL

URLUtilsReadOnly

URLUtilsReadOnly - Web APIs | MDN

URL - Web APIs | MDN
URL - Web API 接口参考 | MDN
URLUtils - Web API 接口 | MDN

window.URLSearchParams

URLSearchParams - Web API 接口参考 | MDN
URL Standard

¥JavaScript

JavaScript | MDN
JavaScript | MDN

¥Property

Object.defineProperty() - JavaScript | MDN
Object.defineProperty() | MDN
Object.defineProperties() | MDN
Object.getOwnPropertyDescriptor() | MDN
Object.getOwnPropertyDescriptors() | MDN

¥Proxy

Proxy core

Proxy - JavaScript | MDN
Proxy - JavaScript | MDN
Proxy - ECMAScript 6入门

[译] 使用 Proxy 来监测 Javascript 中的类 - 掘金
使用ES6的新特性Proxy来实现一个数据绑定实例 - 掘金
JS 中的数据代理 - 掘金
前端配置本地代理方法总结 - 掘金
JavaScript 魔幻代理 - 掘金
「译」用 Proxy 追踪 JavaScript 类 - 掘金
处理器对象 - JavaScript | MDN
对于ES6 Proxy 用法的理解以及实例 - sunq1982的博客 - CSDN博客

¥Reflect对象

Reflect core

Reflect - JavaScript | MDN
Reflect - ECMAScript 6入门

reflect-metadata

rbuckton/reflect-metadata: Prototype for a Metadata Reflection API for ECMAScript
Metadata Proposal - ECMAScript
reflect-metadata - npm
Decorator & Reflect Metadata & InversifyJS - 掘金

es6 Reflect对象详解 - 前端菜鸟111 - 博客园
es6 Proxy对象详解 - 前端菜鸟111 - 博客园
Object方法与Reflect - 掘金
ES6新特性:Javascript中的Reflect对象 - 方方和圆圆 - 博客园
JS 中的 Reflect 和 Proxy - 掘金

¥Selection、Range

Selection.setBaseAndExtent() - Web API 接口参考 | MDN
Selection - Web API 接口参考 | MDN
Range - Web API 接口参考 | MDN
Range - Web APIs | MDN

¥Web Worker/Service Worker

bthreads

chjj/bthreads: worker threads for javascript

EasyWorker

zhangyuanwei/EasyWorker: Make web worker easy to use.

ServiceWorker

violinux666/webpack-sw-plugin: plugin for webpack4 , Be quickly and easily to build a ServiceWorker webapp you can access it offline
利用ServiceWorker实现页面的快速加载和离线访问 - 掘金
精读《Caches API》 - 掘金

workerize

developit/workerize: 🏗️ Run a module in a Web Worker.
developit/workerize-loader: 🏗️ Automatically move a module into a Web Worker (Webpack loader)

eligrey/jsandbox: A JavaScript sandboxing library that uses web worker threads
eligrey/subscribe.js: An easy-to-use and highly extensible client-side notification-based feed reader Service Worker (coming soon!)
怎么在 ES6+Webpack 下使用 Web Worker - 掘金
Web Worker、Service Worker 和 Worklet - 前端 - 掘金
通过定时器、时间分片、Web Worker优化长任务 - 掘金

¥Web API 接口

AsyncClipboard

如何使用异步剪切板 AsyncClipboard API - 掘金

Web API 接口参考 | MDN

¥WindowTimers

requestAnimationFrame

window.requestAnimationFrame() - Web APIs | MDN
requestAnimationFrame/cancelAnimationFrame——性能更好的js动画实现方式 - 掘金
【译】前端requestAnimationFrame概述 - 掘金
你知道的requestAnimationFrame【从0到0.1】 - 掘金
深入理解定时器系列第二篇——被誉为神器的requestAnimationFrame - 小火柴的蓝色理想 - 博客园

window.setTimeout - Web API 接口参考 | MDN
WindowOrWorkerGlobalScope.clearTimeout() - Web APIs | MDN
window.setInterval - Web API 接口参考 | MDN
WindowOrWorkerGlobalScope.setInterval() - Web APIs | MDN
WindowOrWorkerGlobalScope.clearInterval() - Web APIs | MDN
User Timing Level 2
setTimeout的第三个参数你可能不知道的作用-前端开发博客
你应该知道的 setTimeout 秘密

¥Web Storage

Window.localStorage - Web API 接口参考 | MDN
使用 Web Storage API - Web API 接口参考 | MDN
LocalStorage - Web API 接口参考 | MDN
Window.sessionStorage - Web APIs | MDN
Window.sessionStorage - Web API 接口参考 | MDN
Using the Web Storage API - Web APIs | MDN
Window.localStorage - Web APIs | MDN
localStorage使用总结 - 谢灿勇 - 博客园

¥with

with - JavaScript | MDN

¥XHR

ajax参数

jQuery ajax——参数详解 - 简书
jquery ajax 方法及各参数详解 - high_grade - 博客园
jQuery.ajax() 函数详解 - CodePlayer
AJAX状态值与状态码 - G.N&K - 博客园
ajax post data 获取不到数据,注意 content-type的设置 、post/get - Vinton.Liu - 博客园
Jquery Post提交时Content-Type的不同取值详解 - CSDN博客
$.ajax 中的contentType - htoooth - 博客园
jQuery中Ajax事件beforesend及各参数含义 - 午时的海 - 博客园
jquery ajax 方法及各参数详解 - jayleke - 博客园
jquery.ajax之beforeSend方法(解决进度条, "请稍后"提示等……) - CSDN博客
AJAX:success,error,complete,beforeSend使用例子及解释 - CSDN博客
$.ajax的error,complete,success方法 - 郑星阳 - ITeye博客
触碰jQuery:AJAX异步详解 - 滴答的雨 - 博客园
$.ajax({})方法success,error,complete,beforeSend使用例子及解释 - CSDN博客
jquery ajax中success与complete的执行顺序 - CSDN博客
jquery四种请求方式 - CSDN博客
表单和ajax中的post请求&&后台获取数据方法(深度好文) - CSDN博客
使用POST请求跳转页面 - CSDN博客
javascript - 如何在网页中POST任意内容并跳转 - SegmentFault 思否
ajax取到data的值 - CSDN博客
jQuery Ajax 实例 全解析 - 吊儿郎当 - 博客园
jQuery之Ajax--全局Ajax事件处理器 - 王甘林 - 博客园
ajax系列之用jQuery的ajax方法向服务器发出get和post请求 - yangtoude - 博客园
在jquery的ajax方法中的success中使用return要注意的问题 - CSDN博客
jQuery ajaxSubmit 实现ajax提交表单局部刷新_jquery_脚本之家
jQuery Ajax 设置请求头 - CSDN博客
jquery ajax设置header的两种方式 - CSDN博客
jQuery在header中设置请求信息的方法_jquery_脚本之家
jQuery Ajax 实例 全解析 - 吊儿郎当 - 博客园
jQuery.ajaxSetup() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
jquery ajax获取全局beforeSend方法问题-CSDN论坛
jQuery.ajax() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
jQuery Ajax 全解析-WEB前端开发
jquery ajax contentType 简单实用 - 痕迹 - CSDN博客

ajax高级

JSONP

afeld/jsonp: A proxy to help with cross-domain requests
loshafee/jsonp: a jsonp module using promise
hideden/ngx_http_jsonp_callback: nginx append jsonp callback module.
JSONP 教程 | 菜鸟教程
jquery - jsonp callback problem - Stack Overflow
ajax-JSONP跨域请求,success_jsonpCallback没有执行——CSDN问答频道
网页上的jsonpcallback=?,这个值怎么来的?-CSDN论坛
jsonp和callback的使用 - linli1991的博客 - CSDN博客
jsonp处理跨域 - 小小蔡芽 - 博客园
JQuery的jsonp的success与jsonpCallback的关系 - 没有发条的橙 - 博客园
jsonp和jsonpcallback的使用 - 张瑞奇 - 博客园
JSONProxy
ajax JSONP请求处理回调函数jsonpCallback区分大小写-阿里云资讯网
40行封装一个jsonp包 - 掘金

$.ajax()引发的对Deferred的总结 - 思思博士 - 博客园
总结Ajax同步执行的方法 - 永远都要奋斗 - 博客园
JSONP实现Ajax跨域cross-domain访问 - princeoicq - 博客园
使用JQuery Deferred对象的then() 解决多个AJAX操作顺序依赖的问题 - CSDN博客
AJAX知识总结 - CSDN博客
原生ajax中post方式数据传递方式 - CSDN博客
$.ajax().always() or $.ajax().complete() - jQuery Forum
ajax与HTML5 history pushState/replaceState实例 « 张鑫旭-鑫空间-鑫生活
关于ajax异步获取服务器信息乱码情况 - CSDN博客
ajax获取数据中文乱码问题最简单的完美解决方案 - CSDN博客
jquery的ajax的dataFilter参数的使用
Cross-Origin Resource Sharing (CORS)跨域资源共享 - CSDN博客
jquery ajax作为deferred对象如何触发progress?..._慕课问答
js中XMLHttpRequest对象实现GET、POST异步传输 - 猿客 - 博客园
AJAX请求 $.ajaxSetup方法的使用 - pursuer211的专栏 - CSDN博客

ajax上传下载

ajax请求二进制流图片并渲染到html中img标签 - CSDN博客
ajax实战:(ajax异步下载文件)请求二进制流进行处理 - CSDN博客
Ajax请求二进制流进行处理(ajax异步下载文件)的简单方法_AJAX相关_脚本之家
关于ajaxFileUpload图片上传,success和error都触发的情况 - 安慕希 - 博客园
Ajax方式上传文件 - jiangxiaobo - 博客园
使用ajax提交form表单,包括ajax文件上传 - 朱小杰 - 博客园
input type=file accept中可以限制的文件类型 - 每天进步多一点 - 博客园
文件各种上传,离不开的表单 - 农码一生 - 博客园
ajax获取后台图片数据流如何处理? - Gemini_llw的博客 - CSDN博客
Ajax请求无法下载文件的原因 - 大头之家 - CSDN博客

ajax common

数据缓存

在ie中关于ajax请求获得数据缓存问题的解决办法 - 岚枫 - CSDN博客
解决IE下Ajax请求无效 - andywangguanxi - 博客园
谈谈IE针对Ajax请求结果的缓存 - Artech - 博客园

jQuery+ajax实现局部刷新的两种方法_jquery_脚本之家
自定义input type=file 样式 美化input type=file 改变input type=file控件“丑陋面貌” - CSDN博客
Ajax 通过城市名获取数据(全国天气预报API)_AJAX相关_脚本之家
如何用 GET 方法,提交一个数组_百度知道

ajax-hook

wendux/Ajax-hook: Intercepting browser's AJAX requests which made by XMLHttpRequest.
Ajax-hook 原理解析 - 简书
Js 拦截全局ajax请求 - 简书

ajaxmin

Microsoft Ajax Minifier - CodePlex Archive

GlobalAjaxListener

ulyn/GlobalAjaxListener: 监听页面全局ajax请求的插件,可以做很多的事情~

superagent

visionmedia/superagent: Ajax for Node.js and browsers (JS HTTP client)
SuperAgent — elegant API for AJAX in Node and browsers

xmlhttprequest

ilinsky/xmlhttprequest: XMLHttpRequest.js - Standard-compliant cross-browser XMLHttpRequest object implementation
www.ilinsky.com/articles/XMLHttpRequest/

XMLHttpRequest各属性

AJAX请求时status返回状态明细表 - 我爱吃小丸子 - 博客园
jquery post时content-type的几种取值 - 郑星阳 - ITeye博客
http - application/x-www-form-urlencoded or multipart/form-data? - Stack Overflow
XMLHttpRequest 的 responseType 属性 - yudldl的博客 - CSDN博客
javascript快速入门23--XHR—XMLHttpRequest对象 - 水之原 - 博客园
XMLHTTPRequest状态status完整列表 | 异萝松的技术博客
原生Ajax的代码实现及状态码总结 - CSDN博客
XMLHttpRequest.abort() - Web API 接口 | MDN
XMLHttpRequest | MDN
Using XMLHttpRequest - Web APIs | MDN
Ajax技术的一些总结 - 掘金

Ajaxload - Ajax loading gif generator
[ 造轮子 ] 手动封装 AJAX (一) —— 基础版 - 掘金
[ 造轮子 ] 手动封装 AJAX (二) —— ES6 版 - 掘金
[ 造轮子 ] 手动封装 AJAX (三) —— 最终版 - 掘金

¥迭代

for-await...of

for await...of - JavaScript | MDN

¥原生API

a标签属性

download

HTML <a> download 属性
HTML <a> download 属性 | 菜鸟教程
解决a标签download属性无效问题_Buddha_ITXiong的博客-CSDN博客
【2017-11-25】a标签中的download属性详解_kk_yanwu的博客-CSDN博客
a 标签的download属性在ie下不生效的解决方案 - 简书
IE下a标签的download属性添加失败导致IE下载文件失败问题 - 简书
a标签的download属性 - 简书
javascript - 如何解决a标签download属性在IE下失效? - SegmentFault 思否
javascript - a标签下载 download - SegmentFault 思否
立即收藏!这应该是你见过的最全前端下载总结 - 技术放肆聊 - SegmentFault 思否
IE浏览器a标签无法下载问题解决(IE浏览器a标签download属性不兼容问题解决) - 茫茫林海 - 博客园
a标签的download属性简介 - 逆旅wy - 博客园

rel

a标签属性 rel="noopener noreferrer" - iiiiiiiiiiii9的专栏 - CSDN博客
网站使用 rel="noopener" 打开外部锚 - 码不能停 - 博客园
聊聊 rel=noopener - 掘金
什么是rel =“noopener”属性?对网站有什么影响 - 里维斯社

<a> - HTML(超文本标记语言) | MDN

button

<button>: The Button element - HTML: Hypertext Markup Language | MDN

input

autocomplete

'autocomplete="off"'在Chrome中不起作用解决方案 - CSDN博客
解决谷歌浏览器(chrome)input标签自动填充数据的问题,亲测有效_weixin_38312502的博客-CSDN博客

<input type="file"> - HTML: Hypertext Markup Language | MDN
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language | MDN

script

<script>: The Script element - HTML: Hypertext Markup Language | MDN

¥宽高、位置

Element.getBoundingClientRect() - Web API 接口参考 | MDN
CSSOM View Module
Element.getClientRects() - Web API 接口参考 | MDN

¥观察者、监视者

¥IntersectionObserver

polyfill

IntersectionObserver/polyfill at master · w3c/IntersectionObserver
que-etc/intersection-observer-polyfill: A polyfill of IntersectionObserver API
jeremenichelli/intersection-observer-polyfill: Polyfill for native IntersectionObserver API

w3c/IntersectionObserver: API Sketch for Intersection Observers
intersection-observer - npm
Intersection Observer
IntersectionObserve初试 - 掘金
前端曝光数据埋点——Intersection Observer+vue指令 - 掘金
IntersectionObserver 和懒加载 - 掘金

¥MutationObserver

MutationObservers

googlearchive/MutationObservers: Mutation Observers Polyfill
DOM Standard

来一波原生的观察者模式 | MutationObserver - 掘金

¥Object.observe

MaxArt2501/object-observe: Object.observe polyfill
jdarling/Object.observe: Object.observe polyfill/shim trying to be compliant

JS中的观察者们 —— 四种 Observers - 前端 - 掘金
监听者模式实战应用 - 掘金

¥词汇表、术语表

Truthy - 术语表 | MDN
术语表 | MDN
Internet Assigned Numbers Authority
Media Types
Media type - Wikipedia

¥文件、数据、编码解码

¥ArrayBuffer

ArrayBuffer - JavaScript | MDN
ArrayBuffer - JavaScript | MDN
ArrayBufferView - Web APIs | MDN
关于二进制的一点小思考 - 掘金

¥Blob

Blob.js

eligrey/Blob.js: An HTML5 Blob implementation

canvas-toBlob.js

eligrey/canvas-toBlob.js: A canvas.toBlob() implementation

JavaScript-Canvas-to-Blob

blueimp/JavaScript-Canvas-to-Blob: JavaScript Canvas to Blob is a function to convert canvas elements into Blob objects.
JavaScript Canvas to Blob Test

Blob - Web APIs | MDN
Blob - Web API 接口参考 | MDN
细说Web API中的Blob - 掘金
js 获取图片url的Blob值并预览 - Tiac - 博客园

¥Document

理解DOMString、Document、FormData、Blob、File、ArrayBuffer数据类型 « 张鑫旭-鑫空间-鑫生活
理解DOM到底是什么 - 掘金
详细了解文档对象模型(DOM) - 掘金

¥DOMString

DOMString - Web APIs | MDN

¥DataView

DataView - JavaScript | MDN
DataView - JavaScript | MDN

¥File

DataTransfer

DataTransfer - Web API 接口参考 | MDN

FileList

FileList - Web API 接口参考 | MDN

FileReader

FileReader - Web API 接口参考 | MDN

FileSystem

filer.js

ebidel/filer.js: A wrapper library for the HTML5 Filesystem API what reuses UNIX commands (cp, mv, ls) for its API.

File API: Directories and System
File API: Directories and System
Exploring the FileSystem APIs - HTML5 Rocks
The Synchronous FileSystem API for Workers - HTML5 Rocks

FileAPI

File API
File API: Writer

File - Web API 接口参考 | MDN

¥FormData

henryluki/FormData: FormData support where window.FormData is undefined
FormData - Web APIs | MDN
FormData - Web API 接口 | MDN
FormData 对象的使用 - Web API 接口 | MDN
关于 FormData - 前端 - 掘金
Web 前沿——HTML5 Form Data 对象的使用 - 梦想天空(山边小溪) - 博客园

¥Media

MediaStream Image Capture
Media queries - CSS: Cascading Style Sheets | MDN

¥TypedArray

JavaScript typed arrays - JavaScript | MDN
TypedArray - JavaScript | MDN
TypedArray - JavaScript | MDN
Uint8Array - JavaScript | MDN
Uint8Array to string in Javascript - Stack Overflow
【ReactNative/JS】uint8array转string convert uint8array to string_Teng's world-CSDN博客

¥编码解码

编码解码 core

Base64

Base64.js

davidchambers/Base64.js: Polyfill for browsers which don't provide window.btoa and window.atob

js-base64

dankogai/js-base64: Base64 implementation for JavaScript

RFC 4648 - The Base16, Base32, and Base64 Data Encodings
Base64 encoding and decoding - Web APIs | MDN
Base64 encoding and decoding - Web APIs | MDN
Base64 - Wikipedia
Base64的编码与解码 - Web API 接口参考 | MDN
浅入深出,原生API实现SVG 转 BASE64 - 掘金

Crypto

Crypto - Web APIs | MDN
Window.crypto - Web APIs | MDN

TextEncoder & TextDecoder

TextDecoder - Web APIs | MDN
TextEncoder - Web APIs | MDN

Unicode

浅谈Unicode编码格式和代码中的应用 - Android - 掘金
Unicode - 维基百科,自由的百科全书
彻底弄懂 Unicode 编码
浅谈Unicode编码格式和代码中的应用 | 兰
关于Unicode和URL encoding入门的一切以及注意事项 - hh54188 - 博客园
Unicode编码转换 - 站长工具

URI编码解码

encodeURI() - JavaScript | MDN
URI - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
URIScheme - Archive of obsolete content | MDN
Data URLs - HTTP | MDN
UrlEncode编码/UrlDecode解码 - 站长工具
js对url进行编码和解码(三种方式区别) - 入世桃源人 - 博客园
简单明了区分escape、encodeURI和encodeURIComponent - 哎呦大黄 - 博客园
关于URL编码 - 阮一峰的网络日志

window.atob & window.btoa

window.btoa - Web API 接口参考 | MDN
window.atob - Web API 接口参考 | MDN
window.atob()与window.btoa()方法实现编码与解码 - 风雨后见彩虹 - 博客园

字符集编码

查看字符编码(UTF-8)
关于字符编码你应该知道的事情 - 掘金

编码解码 lib

text-encoding

inexorabletash/text-encoding: Polyfill for the Encoding Living Standard's API

encoding

whatwg/encoding: Encoding Standard
Encoding Standard
Code of Conduct — WHATWG
wpt/encoding at master · web-platform-tests/wpt

急速入门前端编码知识 - 掘金
在线编码解码_911查询

HTML Standard
Components.utils.importGlobalProperties - Mozilla | MDN
StringView - Archive of obsolete content | MDN
StringView - Archive of obsolete content | MDN

¥通信

BroadcastChannel

【3分钟速览】前端广播式通信:Broadcast Channel - 掘金
面试官:前端跨页面通信,你知道哪些方法? - 掘金

postMessage

window.postMessage | MDN

¥网站开发常用API

console

console 速查手册 - 掘金

listen1-api

listen1/listen1-api: One API for all free music in China
listen1-api - Produce universal library with webpack and es6

IP

https://ipapi.co/json

经纬度

在线地图经度纬度查询 — 经纬度查询地名|地名查询经纬度 —GPSspg

阿里云API

阿里云api平台 -帮助文档- 阿里云
阿里邮箱企业版
FileZilla使用手册(MAC版)_网站上传/下载_用户指南_云虚拟主机-阿里云
主机管理平台
首页 - 教程中心 - 阿里云
阿里云开发者社区-阿里云官网开发者社区_云计算社区
阿里云服务器ECS配置及LAMP环境搭建及配置(新手攻略第一弹) - 掘金

腾讯云API

腾讯云文档中心 - 腾讯云
腾讯云开发者平台 | 技术助力开发

网易云API

网易云音乐 NodeJS 版 API
Binaryify/NeteaseCloudMusicApi: 网易云音乐 Node.js API service
disoul/electron-cloud-music: 网易云音乐 Electron 客户端
darknessomi/musicbox: 网易云音乐命令行版本
sqaiyan/netmusic-node: 网易云音乐接口
sqaiyan/NeteaseMusicWxMiniApp: 仿网易云音乐APP的微信小程序

百度云API

百度智能云-计算无限可能

短地址

百度短网址

shieldfy/API-Security-Checklist: Checklist of the most important security countermeasures when designing, testing, and releasing your API
toddmotto/public-apis: A collective list of public JSON APIs for use in web development.
OpenAPITools/openapi-generator: OpenAPI Generator allows generation of API client libraries (SDK generation), server stubs, documentation and configuration automatically given an OpenAPI Spec (v2, v3)
ethereum/EIPs: The Ethereum Improvement Proposal repository
electron/electron-api-demos: Explore the Electron APIs
swagger-api/swagger-codegen: swagger-codegen contains a template-driven engine to generate documentation, API clients and server stubs in different languages by parsing your OpenAPI / Swagger definition.
cloudfetch/cloudquery: Turn any website to serverless API (support SPA!)
MZCretin/RollToolsApi: 一个提供开发中常用数据的一个稳定聚合Api接口源,运行于独立服务器,免费,且长期维护,会持续添加新的接口!
developers.douban.com
https://api.ipify.org/?format=json
QQ音乐 | 移动WEB开放平台 - 接口文档
开放通用Api,总有你喜欢的 - 掘金
中国大陆可用API合集 - 工具资源 - 掘金
HN Search powered by Algolia

MDN Web 文档
Web 技术文档 | MDN
MDN Web Docs
mdn/mdn: Meta repository that governs the MDN GitHub organization

CSS framework&libs

结构型(css)

$框架、库

argon-design-system

creativetimofficial/argon-design-system: Argon - Design System for Bootstrap 4 by Creative Tim

bulma

jgthms/bulma: Modern CSS framework based on Flexbox
Expo: beautiful websites designed Bulma
Bulma - 基于 Flexbox 的现代化的 CSS 框架 - 梦想天空(山边小溪) - 博客园

materialize

Dogfalo/materialize: Materialize, a CSS Framework based on Material Design
Documentation - Materialize

normalize

necolas/normalize.css: A modern alternative to CSS resets
Normalize.css: Make browsers render all elements more consistently.

pure

papercss

papercss/papercss: The Less Formal CSS Framework
PaperCSS • the less formal CSS framework

Responsive Framework

spectre

picturepan2/spectre: Spectre.css - A Lightweight, Responsive and Modern CSS Framework
Spectre.css - A Lightweight, Responsive and Modern CSS Framework

bradtraversy/modern_portfolio: Responsive portfolio website
sitetent/tentcss: A CSS survival kit. Includes only the essentials to make camp.
Materialize - 响应式 Material Design 框架 - 梦想天空(山边小溪) - 博客园
SpaceBase – 基于 Sass 的响应式 CSS 框架 - 梦想天空(山边小溪) - 博客园
创建响应式布局的优秀网格工具集锦《系列五》 - 梦想天空(山边小溪) - 博客园
创建响应式布局的优秀网格工具集锦《系列四》 - 梦想天空(山边小溪) - 博客园
12款高质量的响应式 HTML5/CSS3 网站模板 - 梦想天空(山边小溪) - 博客园
15款免费的 HTML5/CSS3 响应式网页模板 - 梦想天空(山边小溪) - 博客园
Schema – 模块化,响应式的前端开发框架 - 梦想天空(山边小溪) - 博客园
推荐12个创建响应式布局的优秀网格框架 - 梦想天空(山边小溪) - 博客园
30套免费的响应式 HTML5 & CSS3 模板下载 - 梦想天空(山边小溪) - 博客园
创建响应式布局的10款优秀网格工具集锦 - 梦想天空(山边小溪) - 博客园
干货分享!12款响应式的移动网站模板免费下载 - 梦想天空(山边小溪) - 博客园
Crumpet – 使用很简单的响应式前端开发框架 - 梦想天空(山边小溪) - 博客园

templates

Best Free Responsive Html5 Css3 Templates and Themes in 2016 - Html5xCss3
HTML5 UP! Responsive HTML5 and CSS3 Site Templates

tailwindcss

tailwindcss/tailwindcss: A utility-first CSS framework for rapid UI development.
Tailwind CSS - A Utility-First CSS Framework for Rapid UI Development

tachyons

tachyons-css/tachyons: Functional css for humans
TACHYONS - Css Toolkit

teutonic-css

fortrabbit/teutonic-css: A modern CSS framework — versatile, well documented.
Teutonic CSS

¥CSS 库,样板和框架

Skeleton: Responsive CSS Boilerplate
Metro 4 - Popular HTML, CSS and JS library
KNACSS by Raphaël Goetter & Alsacréations
Pure
Topcoat
Profound Grid | A grid system for fixed and fluid layouts
Compass Home | Compass Documentation
reworkcss/rework: Plugin framework for CSS preprocessing in Node.js
Top Pens of 2013 on CodePen
Home - Scalable and Modular Architecture for CSS
Susy

面向对象、一致的开发框架

Concise CSS—Give up the bloat. Stop tripping over your classes. Be Concise.

网站头部设计

简洁设计,20个很有特色的网站头部设计 - 梦想天空(山边小溪) - 博客园
【干货分享】Google 的设计准则,素材和资源 - 梦想天空(山边小溪) - 博客园

$布局、页面

404

bestvist/axial3d: 🎨 3D effect page for github404.
错误的艺术!20个创意的404错误页面设计 - 梦想天空(山边小溪) - 博客园

footer“吸底”

CSS实现footer“吸底”效果 - 掘金

吸顶

【前端词典】5 种滚动吸顶实现方式的比较[性能升级版] - 掘金

自适应的占位符效果

Adaptive Placeholder – 自适应的占位符效果 - 梦想天空(山边小溪) - 博客园
Adaptive Placeholder – 自适应的占位符效果
zellwk/adaptive-placeholders: Float label pattern built with pure SCSS

全屏遮罩效果

Fullscreen Overlay Styles
Display Images with Shape Masking and Nifty Effect | Demo | Queness

导航栏效果

圆形导航

Building a Circular Navigation with CSS Transforms
SaraSoueidan (Sara Soueidan)
SaraSoueidan/circular-navigation: Demo for Codrops Tutorial: Building a Circular Navigation with CSS Transforms

使用 jQuery 和 CSS3 制作滑动导航菜单 - 梦想天空(山边小溪) - 博客园

侧边栏效果

多层推拉菜单

Multi-Level Push Menu
crnacura/CodropsTemplate: Template for Codrops demo with article template

创意无限!一组网页边栏过渡动画【附源码下载】 - 梦想天空(山边小溪) - 博客园

登录注册界面

应用程序模板:16个创意的手机登录界面设计 - 梦想天空(山边小溪) - 博客园
优秀示例:一组创意的手机注册和登录界面设计 - 梦想天空(山边小溪) - 博客园

alphardex/shiro: My CSS Creation Portfolio.
Shiro
我写CSS的常用套路 - 掘金
请收下这72个炫酷的CSS技巧 - 掘金
Patternizer - Stripe Pattern Generator Tool
Hover States / The home of alternative digital design

$组件、元素

3D

tridiv

Tridiv | CSS 3D Editor

CSS3 文本特效

Cool!15个超炫的 CSS3 文本特效【上篇】 - 梦想天空(山边小溪) - 博客园
Cool!15个创意的 CSS3 文本效果【下篇】 - 梦想天空(山边小溪) - 博客园
推荐20款基于 jQuery & CSS 的文本效果插件 - 梦想天空(山边小溪) - 博客园
纯 CSS 实现多行文字截断 - 掘金

iview-weapp

TalkingData/iview-weapp: 一套高质量的微信小程序 UI 组件库
iView Weapp - 一套高质量的微信小程序 UI 组件库

文本模糊

文本超出

css实现文本超出"..." - 掘金
CSS控制文字只显示一行 超出部分显示省略号 - 博客园

修改滚动条样式

chrome和IE下的滚动条样式修改 - _Jo - 博客园
CSS设置滚动条样式(兼容IE) - Rey - CSDN博客
修改IE滚动条样式 - 阿里云
HTML:滚动条样式自定义(IE/FireFox/webkit) - Siimple的博客 - CSDN博客
CSS设置滚动条样式(兼容IE) - 简书
CSS如何设置兼容IE滚动条样式的代码图文-css教程-PHP中文网

根据图片亮度智能切换元素样式

BackgroundCheck
kennethcachia/background-check: Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.

面包屑效果

学习使用 CSS3 制作网站面包屑导航效果 - 梦想天空(山边小溪) - 博客园
web应用中的面包屑前端存储方案 - 掘金

标签云效果

基于纯 CSS3 技术实现美观的标签云效果 - 梦想天空(山边小溪) - 博客园

图标填充效果

新奇!让简单的页面瞬间变酷的图标填充效果 - 梦想天空(山边小溪) - 博客园

$表单、表格

Bootstrap 主题的多选组合框

MagicSuggest – Bootstrap 主题的多选组合框 - 梦想天空(山边小溪) - 博客园
MagicSuggest - Examples
Magicsuggest/magicsuggest: Multiple Selection Combo Box using Bootstrap 3

button

Ghost Buttons

使用虚拟按钮(Ghost Buttons)的25个网站 - 梦想天空(山边小溪) - 博客园

iRaul/pushy-buttons: CSS Pressable 3D Buttons. 👇
BonBon - 使用 CSS3 制作甜美的糖果按钮 - 梦想天空(山边小溪) - 博客园
jQuery & CSS 制作金属质感的选择按钮 - 梦想天空(山边小溪) - 博客园
使用 CSS3 制作一组超时尚的动画按钮效果 - 梦想天空(山边小溪) - 博客园
美妙的 CSS3 动画!一组梦幻般的按钮效果 - 梦想天空(山边小溪) - 博客园
使用 CSS3 打造一组质感细腻丝滑的按钮 - 梦想天空(山边小溪) - 博客园
可能被忽略的"按钮组件"细节 - 掘金

fancyInput

yairEO/fancyInput: Makes typing in input fields fun with CSS3 effects

usebasin

Basin | Simple form backend for designers and developers

多选框效果

你见过吗?9款超炫的复选框(Checkbox)效果 - 梦想天空(山边小溪) - 博客园

使用 CSS 实现用户体验更好的表单

WTF Forms – 使用 CSS 实现用户体验更好的表单 - 梦想天空(山边小溪) - 博客园
mdo/wtf-forms: Friendlier HTML form controls with a little CSS magic.

$作品、模板

H5 & CSS3 网页设计作品

15个前卫的 HTML5 & CSS3 网页设计作品 - 梦想天空(山边小溪) - 博客园

表现型(css)

$icon、font、logo

icon库

emoji库

emoji

gee1k/emoji: Find the emoji(Unicode)
📙 Get Emoji - Svend

emoji-favicon-toolkit

eligrey/emoji-favicon-toolkit: Emoji Favicon Toolkit - Set your favicon to emoji using canvas & cache as /favicon.ico with service workers

Box-drawing character - Wikipedia
Braille Patterns - Wikipedia
【译】用 JavaScript 和 Emoji 做地址栏动画 - 掘金

icon图标库

CSS icons

CSS ICON -- project by Wenting Zhang
CSS ICON: arrow right
Cikonss | 纯CSS实现的响应式Icon
CSS - Icon | Amaze UI
Subway Icon Set – 306个像素完美的特制图标 - 梦想天空(山边小溪) - 博客园
分享50款 Android 移动应用程序图标【下篇】 - 梦想天空(山边小溪) - 博客园
分享50款 Android 移动应用程序图标【上篇】 - 梦想天空(山边小溪) - 博客园

feather

feathericons/feather: Simply beautiful open source icons
Feather – Simply beautiful open source icons

Fork-Awesome

ForkAwesome/Fork-Awesome: A fork of the iconic font and CSS toolkit (Font-Awesome 4.7)
Fork Awesome, a fork of the iconic font and CSS toolkit

Orion Icon Library

The best Icon Tool - Orion Icon Library

simple-icons

simple-icons/simple-icons: SVG icons for popular brands
Simple Icons

google/material-design-icons: Material Design icons by Google
Topic: icon-fonts
xiangsudian/CaoMei: 🍓CaoMei Icon - Designed for developers http://chuangzaoshi.com/icon/
theDazzler/droidicon: Over 1600 customizable icons for Android including 750+ Google Material Design icons, 25 ready-made social badges, and more!
danklammer/bytesize-icons: Tiny style-controlled SVG iconset (94 icons, 10kb)
分享20个无版权的高清无码图库站 - 梦想天空(山边小溪) - 博客园
免费下载:320+ 手绘风格 Apple iOS7 图标 - 梦想天空(山边小溪) - 博客园
Captain Icon – 350+ 有趣的矢量图标免费下载 - 梦想天空(山边小溪) - 博客园
Material Icons Guide - Google Design

icon fonts

font-awesome

FortAwesome/Font-Awesome: The iconic SVG, font, and CSS toolkit
encharm/Font-Awesome-SVG-PNG: Font Awesome split to individual SVG and PNG files of different sizes along with Node.JS based generator
Justineo/vue-awesome: Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.
flatlogic/awesome-bootstrap-checkbox: Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier.
PrideChung/FontAwesomeKit: Icon font library for iOS. Currently supports Font-Awesome, Foundation icons, Zocial, and ionicons.
bokmann/font-awesome-rails: the font-awesome font bundled as an asset for the rails asset pipeline
thii/FontAwesome.swift: Use FontAwesome in your Swift projects
Font Awesome 中文网 – | 字体图标
Font Awesome 图标字体的代码列表
FontAwesome 4.7.0 中完整的675个图标样式CSS参考 | Specs' Blog-就爱PHP

iconfont-cli

Iconfont Colorful

IconFont

解密 Iconfont - 简书
一次性搞定 Iconfont - 掘金
CSS3 @font-face属性 - 简书
Iconfont-阿里巴巴矢量图标库
Font Awesome
backflip/gulp-iconfont-css: Create an SCSS file mapping the SVG files piped to gulp-iconfont to their codepoints
typekit/webfontloader: Web Font Loader gives you added control when using linked fonts via @font-face.
nfroidure/gulp-iconfont: Create icon fonts from several SVG icons
Icon Font & SVG Icon Sets ❍ IcoMoon
developer.mozilla.org
design.google.com
web项目中图标的前端处理方案 - 掘金
Web字体图标-自动化方案 - 掘金
Web字体图标-自动化方案 - 不染

jQuery 字体图标选择

fontIconPicker – 优雅的 jQuery 字体图标选择 - 梦想天空(山边小溪) - 博客园
jQuery fontIconPicker - An elegant font icon picker written in jQuery
micc83/fontIconPicker: jQuery fontIconPicker v2 is a small (3.22kb gzipped) jQuery plugin which allows you to include a simple icon picker with search and pagination inside your administration forms.

具体工具

Iconfont-阿里巴巴矢量图标库
IcoMoon App - Icon Font, SVG, PDF & PNG Generator
Fontello - icon fonts generator
Create Your Own @font-face Kits | Font Squirrel
快速上手制作Icon Font | 新浪UED
Icon-font图标字体的四类制作方法 - 简书
Icon fonts

分享20个新颖的字体设计草图,带给你灵感 - 梦想天空(山边小溪) - 博客园
40款用于简洁网页设计的光滑英文字体【上】 - 梦想天空(山边小溪) - 博客园
40款用于简洁网页设计的光滑英文字体【下】 - 梦想天空(山边小溪) - 博客园
字体下载大宝库:12款好看的免费英文字体 - 梦想天空(山边小溪) - 博客园
20款华丽的几何形状字体【免费下载】 - 梦想天空(山边小溪) - 博客园

SVG

Method Draw – 很好用的 SVG 在线编辑器

在线演示
duopixel/Method-Draw: Method Draw, the SVG Editor for Method of Action
Method Draw

yyued/SVG-Skeleton: Create the skeleton screen through SVG element
Hero Patterns - 聚合各种 SVG 背景纹理素材的网站 - 梦想天空(山边小溪) - 博客园
太可爱了!CSS3 & SVG 制作的米老鼠钟表 - 梦想天空(山边小溪) - 博客园
使用 SVG 制作单选和多选框动画【附源码】 - 梦想天空(山边小溪) - 博客园
loading.io - Your SVG + GIF + PNG Ajax Loading Icons
Elastic SVG Elements

Logo库

bestony/logoly: A Pornhub Flavour Logo Generator

字体库

fonts

google/fonts: Font files available from Google Fonts
Google Fonts
CSS SANS – 神奇!使用 CSS3 创建的字体 - 梦想天空(山边小溪) - 博客园
字体大宝库:20款免费的情人节字体 - 梦想天空(山边小溪) - 博客园
Design with web fonts in the browser - Typecast
Programming Fonts - Test Drive

Iosevka

Iosevka
be5invis/Iosevka: Slender typeface for code, from code.

TypeWonder - Beta
Inter UI font family
aui/font-spider: Smart webfont compression and format conversion tool
有字库-首页-全球第一中文web font(在线字体)服务平台、web font、webfont、在线字体、网络字体
在前端页面中使用@font-face来显示web自定义字体【转】 - fjdingsd - 博客园

tutorial

Rec. 709 - Wikipedia
Techniques For Accessibility Evaluation And Repair Tools
客栈说书:CSS遮罩CSS3 mask/masks详细介绍 « 张鑫旭-鑫空间-鑫生活
PNG格式小图标的CSS任意颜色赋色技术 « 张鑫旭-鑫空间-鑫生活
CSS遮罩实现PNG图标变色 - 掘金
CSS3 filter:drop-shadow滤镜与box-shadow区别应用 « 张鑫旭-鑫空间-鑫生活
filter:drop-shadow实现尖角带阴影的提示面板效果 » 张鑫旭-鑫空间-鑫生活
CSS filter:hue-rotate色调旋转滤镜实现按钮批量生产 « 张鑫旭-鑫空间-鑫生活
纯CSS实现任意格式图标变色的研究 « 张鑫旭-鑫空间-鑫生活
手摸手,带你优雅的使用 icon - 掘金
微信小程序开发之SVG的使用 | 子勰的博客
CSS 字体新玩法之彩色字体 - 掘金
9012年了你还在用单色图标?(iconfont多色图标详解) - 掘金
前端字体截取 - 掘金

$UI工具

mustard-ui

Mustard UI · A CSS framework that actually looks good.
kylelogue/mustard-ui: A starter CSS framework that actually looks good.

shards-ui

DesignRevision/shards-ui: 🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.
Shards - A High-Quality and Free Bootstrap 4 UI Kit — DesignRevision

UIkit

uikit/uikit: A lightweight and modular front-end framework for developing fast and powerful web interfaces
UIkit
EventRay UI Kit – Web & Mobile 的素材 - 梦想天空(山边小溪) - 博客园
设计师们会喜欢的15套情人节素材 - 梦想天空(山边小溪) - 博客园
免费素材:包含 250+ 组件的 DO UI Kit - 梦想天空(山边小溪) - 博客园

$图像

幻灯片效果

酷毙了!三种风格的全屏幻灯片效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
Tilted Content Slideshow

Elastislide - 响应式的图片循环展示效果 - 梦想天空(山边小溪) - 博客园
使用 CSS3 伪元素实现立体的照片堆叠效 - 梦想天空(山边小溪) - 博客园
PhotoSwipe - 移动开发必备的 iOS 风格相册 - 梦想天空(山边小溪) - 博客园
ShineTime - 带有 CSS3 闪亮特效的缩略图相册 - 梦想天空(山边小溪) - 博客园

$主题

arc-theme

darken

ColinEspinas/darken: 🌑 Dark mode made easy

GitHub-Dark

StylishThemes/GitHub-Dark: Dark GitHub style
GitHub Dark | Userstyles.org

hexo-theme-next

董沅鑫的个人网站

jupyter-themes

dunovank/jupyter-themes: Custom Jupyter Notebook Themes

minimal-mistakes

mmistakes/minimal-mistakes: Jekyll theme for personal sites, blogs, and portfolios. Two-columns and extremely flexible.
Minimal Mistakes

material-design-lite

google/material-design-lite: Material Design Components in HTML/CSS/JS

Material Components

finnhvman/matter: Material Components in Pure CSS

slack-black-theme

widget-/slack-black-theme: A darker, more contrasty, Slack theme.

twentynineteen

videojs

amazeui/videojs: Video.js Amaze UI Skin.
Video.js Amaze UI Skin | Amaze UI 插件

前端换肤

聊一聊前端换肤 - 掘金

handong1587/handong1587.github.io

$静态效果

灯箱效果

jbutz/bootstrap-lightbox: A simple lightbox plugin based on the bootstrap modal plugin.

时钟效果

使用 CSS & jQuery 制作一款漂亮的多彩时钟 - 梦想天空(山边小溪) - 博客园
干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)

工具提示效果

simptip

Simptip: a simple CSS tooltip made with Sass
arashmanteghi/simptip: A simple CSS tooltip made with Sass

8个前沿的 HTML5 & CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
让你心动的 HTML5 & CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
精选12个时尚的 CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
网页设计中手风琴效果的20个最佳实践 - 梦想天空(山边小溪) - 博客园
24个 HTML5 & CSS3 下拉菜单效果及制作教程 - 梦想天空(山边小溪) - 博客园
你想不到的!CSS 实现的各种球体效果【附在线演示】 - 梦想天空(山边小溪) - 博客园
3D Grid Effect – 使用 CSS3 制作网格动画效果 - 梦想天空(山边小溪) - 博客园
Web 开发中很实用的10个效果【附源码下载】 - 梦想天空(山边小溪) - 博客园

行为型(css)

$loading

css loading

页面预加载效果

使用 SVG 实现一个漂亮的页面预加载效果 - 梦想天空(山边小溪) - 博客园

纯CSS3 Loading加载动画DEMO演示
使用 CSS3 实现超炫的 Loading(加载)动画效果 - 梦想天空(山边小溪) - 博客园
单个元素实现的 CSS3 Loading 效果
见过吗?14个超有创意的加载进度条设计 - 梦想天空(山边小溪) - 博客园
炫!一组单元素实现的 CSS 加载进度提示效果 - 梦想天空(山边小溪) - 博客园
使用 CSS3 实现超炫的 Loading(加载)动画效果 - 梦想天空(山边小溪) - 博客园
HTML5 Canvas 实现的9个 Loading 效果 - 梦想天空(山边小溪) - 博客园
纯CSS3 Loading加载动画DEMO演示
真是好东西!一组动感的页面加载动画效果 - 梦想天空(山边小溪) - 博客园

loaders.css

ConnorAtherton/loaders.css: Delightful, performance-focused pure css loading animations.
https://connoratherton.com/loaders

SVG-Loaders

SamHerbert/SVG-Loaders: Loading icons and small animations built with pure SVG.

网格布局图像加载动画

不可思议的纯 CSS 滚动进度条效果 - 掘金

$动效、动画

Animate相关

CSS Shake

CSShake
elrumordelaluz/csshake: CSS classes to move your DOM!

Part I: Using JavaScript to set @keyframes in CSS animations (Windows Store apps, IE) – MSDN Answers
Good to Great UI Animation Studio Files
daneden/animate.css: 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
Magic CSS3 – 创建各种神奇的交互动画效果 - 梦想天空(山边小溪) - 博客园
提升用户体验!29个使用动画效果的网站布局 - 梦想天空(山边小溪) - 博客园
Magic CSS3 – 创建各种神奇的交互动画效果 - 梦想天空(山边小溪) - 博客园
miniMAC/magic: CSS3 Animations with special effects
Animate.css
daneden/animate.css: 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
【译】推荐的十个CSS动画库 - 掘金

CSS3 过渡和变换动画

Codrops全屏网页过渡特效

Codrops 优秀教程:基于 CSS3 的全屏网页过渡特效 - 梦想天空(山边小溪) - 博客园
Codrops 教程:基于 CSS3 的精美模态窗口效果 - 梦想天空(山边小溪) - 博客园

立体图片切换效果

信封效果

CSS3 过渡特性创建信封效果的联系表单 - 梦想天空(山边小溪) - 博客园

按钮动画

Waves

fians/Waves: Click effect inspired by Google's Material Design
Waves

下雪效果

纯css模拟下雪效果 - 掘金
【前端词典】实现 Canvas 下雪背景引发的性能思考 - 掘金
owen26/snowflakesjs: Demo 演示网址

Transit – 超平滑的 CSS 过渡和变换动画效果插件 - 梦想天空(山边小溪) - 博客园
Devrama Slider - 支持任意 HTML 的内容滑块 - 梦想天空(山边小溪) - 博客园
使用 CSS3 实现 3D 图片滑块效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
《前端5分钟》之使用纯css实现网站换肤和焦点图切换动画

折叠DOM

OriDomi

OriDomi - origami for the web
dmotz/oriDomi: Fold up DOM elements like paper

2018 最佳前端动效集锦 - 前端 - 掘金
JavaScript牛刀小试,结合CSS3动画属性来做一个系统时间同步的时钟 - 掘金
css3 | 浅谈transform变换 - 掘金
[译文]网页动画的十二原则 - CSS Animation
Animating URLs with Javascript and Emojis
35个让人惊讶的 CSS3 动画效果演示 - 梦想天空(山边小溪) - 博客园
15个来自 CodePen 的酷炫 CSS 动画效果【下篇】 - 梦想天空(山边小溪) - 博客园

$事件

Hover

纯 CSS 实现的超炫的图片悬停特效

iHover-非常漂亮的纯CSS实现的图片悬停特效-codetc-网站开发技术
iHover – 30+ 纯 CSS 实现的超炫的图片悬停特效 - 梦想天空(山边小溪) - 博客园

IanLunn/Hover: A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
Hover.css - A collection of CSS3 powered hover effects

$检测、兼容

itcss

itcss, from CSS Wizardry
itcss/itcss-netmag

Modernizr

Modernizr: the feature detection library for HTML5/CSS3
Modernizr/Modernizr: Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
Modernizr 中文网
js库Modernizr的介绍和使用_其它_脚本之家
Modernizr.js-使用 - CSDN博客
JS进阶篇--前端的瑞士军刀Modernizr.js - 风雨过后见彩虹 - SegmentFault 思否
前端初学者——初探Modernizr.js Modernizr.js笔记 - 前端怪兽 - 博客园
Modernizr.js入门指南 - CSDN博客
Modernizr.js介绍与使用 - _Simon - 博客园
Modernizr.js - 故宫博物院 - 博客园
Modernizr.js:为HTML5和CSS3而生!-前端开发博客

single framework

milligram/milligram: A minimalist CSS framework.
reworkcss/rework: Plugin framework for CSS preprocessing in Node.js
twbs/bootstrap: The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
zdhxiong/mdui: MDUI 是一个基于 Material Design 的前端框架。
sindresorhus/github-markdown-css: The minimal amount of CSS to replicate the GitHub Markdown style
disjukr/activate-power-mode: Activate POWER MODE anywhere
sofish/typo.css: 中文网页重设与排版:一致化浏览器排版效果,构建最适合中文阅读的网页排版
stbui/angular-material-app: 基于最新Angular 6框架与Material 2技术的web企业级中后台前端应用框架,可以帮助企业提高工作效率,节省开发成本,提升品牌形象。
Good to Great UI Animation Studio Files
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
Part I: Using JavaScript to set @keyframes in CSS animations (Windows Store apps, IE) – MSDN Answers
Best Free Responsive Html5 Css3 Templates and Themes in 2016 - Html5xCss3
Canvas Gauges
KingPixil/wing: Minimal, Responsive CSS Framework
viclm/numeric-keyboard: Numeric keyboard for mobile browsers
adamschwartz/magic-of-css: A CSS course to turn you into a magician.
Mint UI
Pure CSS Folded Paper Effect
core.css
CSS Loader
Wenk - Lightweight pure CSS tooltip for the greater good
browserhtml/browserhtml: Experimental Servo browser built in HTML

CSS处理工具

$css study

¥canvas

canvas core

Canvas - Web API 接口参考 | MDN
CanvasRenderingContext2D - Web API 接口参考 | MDN
canvas API中文网 - Canvas API中文文档首页地图
Canvas Gauges
最近学习canvas,做了一些效果的合集(附源码地址) - 掘金
canvas-应用大全 - 掘金

li-canvas

501351981/li-canvas: 对Html5的canvas功能进行了封装,方便进行多图片绘制、圆角图片绘制、多行文字绘制、图片保存下载等功能.

canvas 效果

Canvas系列之一——滤镜效果 - 掘金
canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备 - 掘金
Canvas 实现画中画动画效果--网易娱乐年度盘点H5动画解密 - 掘金
又双叒叕是一个 canvas 动画 - 掘金
canvas-坐标系、圆角矩形、纹理、剪裁 - 掘金
利用噪声与canvas生成酷炫的背景动画 - 掘金

canvas 教程

玩转「Canvas」 - 掘金
看完这本攻略,Canvas新手小白也可以创建惊人特效 - 掘金
Canvas+Socket搞出一个多人游玩的“我画你猜” - 掘金
前端庆祝节日的方法 - 掘金
学习HTML5 Canvas这一篇文章就够了 - 完善飞跃 - CSDN博客
html5清空画布方法 - dxylilac - CSDN博客
JavaScript之Canvas画布_但愿人长久 千里共婵娟-CSDN博客
贝塞尔曲线 总结_PlayBoys 部落格-CSDN博客
HTML5 Canvas中绘制椭圆的5种方法_canvas,椭圆,canvas自带绘制椭圆_汉堡请不要欺负面条-CSDN博客
html5 实现画虚线_洪小灯的博客-CSDN博客
判断一个点是否在四边形内部_San_Junipero的博客-CSDN博客
已知四边形的四个点,求一个点是否在四边形之内的解决方法_laukaka的专栏-CSDN博客
JS实现判断点是否在多边形内部(1)--射线法理论_随遇而安-CSDN博客
Canvas学习:渐变_Canvas, Canvas学习 教程_w3cplus
Meicai Blog
Oscillating sine wave, including the steps to figuring out how to plot a sine wave

¥css词汇表

calc

CSS 中 calc() 的应用 - 掘金
Hardcore CSS calc( ) – Buildit @ Wipro Digital – Medium

font-family

CSS font-family 各名称一览表 - CSDN博客
CSS,font-family,好看,常用,中文,字体(更新中) - CSDN博客

filter

css3中强大的filter(滤镜)属性 - lms_码农 - 博客园
css中的filter属性语法说明 - CSDN博客
css filter进行图片处理 - CSDN博客
CSS3 Filter详解(改变模糊度 亮度 透明度等方法) - 风雨后见彩虹 - 博客园

line-height

line-height百分比和数字值的区别 - 转角遇到谁 - 博客园
line-height设置% 数字以及em - Asa的专栏 - CSDN博客

object-fit

object-fit - CSS(层叠样式表) | MDN

position

去掉父元素position:absolute属性后没有高度了? - xubingnan123的博客 - CSDN博客
CSS 相对|绝对(relative/absolute)定位系列(一) « 张鑫旭-鑫空间-鑫生活
CSS 相对/绝对(relative/absolute)定位系列(二) « 张鑫旭-鑫空间-鑫生活
absolute 和float - xiaofenguo - 博客园
# CSS 绝对定位释义 - 掘金

vertical-align & line-height

CSS深入理解vertical-align和line-height的基友关系 « 张鑫旭-鑫空间-鑫生活
我对CSS vertical-align的一些理解与认识(一) « 张鑫旭-鑫空间-鑫生活
CSS vertical-align的深入理解(二)之text-top篇 « 张鑫旭-鑫空间-鑫生活
The vertical-align Property
CSS 魔法堂:深入理解 line-height 和 vertical-align - 前端 - 掘金
深入理解 CSS:字体度量、line-height 和 vertical-align - 掘金

word-break、word-wrap、white-space

复习下white-space - 掘金
彻底搞懂word-break、word-wrap、white-space - 掘金

z-index

层叠上下文 - Web 开发者指南 | MDN
深入理解CSS中的层叠上下文和层叠顺序 « 张鑫旭-鑫空间-鑫生活
css层叠z-index属性使用视频教程-慕课网
前端面试之层叠上下文(z-index) - 掘金

CSS 词汇表
CSS Vocabulary – CSS 词汇表,你都掌握了吗? - 梦想天空(山边小溪) - 博客园
CSS 基本词汇表 - 踏得网
css单词汇总 - JerryWu145的专栏 - CSDN博客
2019-03-20 CSS词汇 - 简书
CSS术语词汇表 - 学习教程 - dt猫
CSS Click Chart | CSS3 Browser Support and Information
2019年这1年多学到的CSS新特性 | 掘金年度征文 - 掘金
pointer-events - CSS3参考手册

¥CSS选择器

@font-face

CSS @font-face性能优化 - 掘金

深入理解CSS选择器优先级 - 掘金
盘点 CSS Selectors Level 4 中新增的选择器 - 掘金
[译]19个CSS level 4 选择器 - 掘金
神奇的选择器 :focus-within - 掘金
CSS3 [attribute$=value] 选择器 | 菜鸟教程
CSS3 [attribute^=value] 选择器 | 菜鸟教程
详细解读 CSS 优先级,终于忘不掉了 - 掘金

¥CSS 效果 & 功能

$css滤镜

经典网页设计:使用颜色滤镜效果的20个网站 - 梦想天空(山边小溪) - 博客园
《蜘蛛侠:平行宇宙》的视觉解析与滤镜实现 - 掘金
b站全灰,原来仅需一行css代码——css 滤镜 - 掘金

$css渐变

gradients

coolHue - Coolest Gradient Hues and Swatches by UVdesk
webkul/coolhue: Coolest Gradient Hues and Swatches by UVdesk
uiGradients - Beautiful colored gradients
ghosh/uiGradients: 🔴 Beautiful colour gradients for design and code

linear-gradient

奇舞周刊
Explaining gradient angles
CSS Images Module Level 3

CSS3 Gradient_gradient, css3属性详解 教程_w3cplus
再说CSS3渐变——线性渐变_gradient 教程_w3cplus
神奇的 conic-gradient 圆锥渐变 - ChokCoco - 博客园

$CSS Shapes

CSS 魔法系列

CSS 魔法系列:纯 CSS 绘制三角形(各种角度) - 梦想天空(山边小溪) - 博客园
CSS 魔法系列:纯 CSS 绘制基本图形(圆、椭圆等) - 梦想天空(山边小溪) - 博客园
CSS 魔法系列:纯 CSS 绘制图形(心形、六边形等) - 梦想天空(山边小溪) - 博客园
CSS 魔法系列:纯 CSS 绘制图形(各种形状的钻石) - 梦想天空(山边小溪) - 博客园
CSS 魔法系列:纯 CSS 绘制各种图形《系列六》 - 梦想天空(山边小溪) - 博客园

【译】CSS Shapes 简介 - 掘金
[英] CSS Shapes 介绍 - 前端 - 掘金
用CSS画一个带阴影的三角形 - 掘金

$下拉菜单

Create a stunning menu in CSS3 | Webdesigner Depot
Click action Multi-level CSS3 Dropdown Menu
Creating a CSS3 Dropdown Menu #2
Creating a Multilevel CSS3 Metal Navigation with icons
Creating CSS3 Dropdown Menu #3
Free CSS Drop-Down Menu Framework
How to Create a Drop-Down Nav Menu With HTML5, CSS3 and JQuery
CSS3 Dropdown Menu - Web Designer Wall - Design Trends and Tutorials
Making a CSS3 Animated Menu - Tutorialzine
How to Build a Kick-Butt CSS3 Mega Drop-Down Menu
Página no encontrada
Creating A CSS3 Dropdown Menu #4
Whirling CSS3 dropdown menu
Creating a Marble Style CSS3 Navigation Menu
Creative CSS3 Animation Menus
CSS hover menu
Dark Menu: Pure CSS3 Two Level Menu [Tutorial] - Ahmad Hania Blog
CSS3 animated dropdown menu demo
Slide Down Box Menu with jQuery and CSS3
ask888/CSS3-Minimalistic-Navigation

$文字竖向排列

DOM 和 Canvas 如何实现文字竖向排列的效果 - 掘金

CSS Specificity – Emma Wedekind – Medium
用纯 CSS 实现镂空效果 - 掘金
【译】 box-shadow美化3D转换效果 - 掘金

¥CSS 动效 & 动画

$鼠标跟随

不可思议的纯 CSS 实现鼠标跟随效果 - 掘金

CSS3 动画解析 - 掘金

¥svg

svg core

<animate> - SVG: Scalable Vector Graphics | MDN
SVG 参考手册 | 菜鸟教程
SVG 教程 | 菜鸟教程
SVG 文本 | 菜鸟教程
SVG 入门指南(看完,对SVG结构不在陌生) - 掘金

clip-path

clip-path - CSS(层叠样式表) | MDN
CSS3 clip-path 用法介绍 - 掘金
In Pieces - 30 Endangered Species, 30 Pieces.
Clippy — CSS clip-path maker

svgxuse

Keyamoon/svgxuse: A simple polyfill that fetches external SVGs referenced in use elements when the browser itself fails to do so. Demo: https://icomoon.io/svgxuse-demo/
IcoMoon - SVG Icons

svg、图片互转

前端和后端实现SVG转图片 | gglinux's blog
SVG 在 image 标签中的动态修改技巧 - 掘金
在线jpg,png图片转SVG工具-BeJSON.com

理解SVG transform坐标变换 « 张鑫旭-鑫空间-鑫生活
理解SVG viewport,viewBox,preserveAspectRatio缩放 « 张鑫旭-鑫空间-鑫生活
SVG(可缩放矢量图形)绘制工具Method Draw - 尐轩web前端网络日志 - CSDN博客
Method Draw
SVG 在线编辑器 | 菜鸟工具
CSS 动作路径标准 Motion Path 简介 - 掘金

¥UI 交互技巧

picpick

PicPick—NGWIN,一款全功能的设计工具,包含屏幕截图、图片编辑器、颜色选择器、像素标尺和其它更多的功能
PicPick—NGWIN,一款全功能的设计工具,包含屏幕截图、图片编辑器、颜色选择器、像素标尺和其它更多的功能

超实用!7 个优秀的 UI 交互动画技巧 - 掘金
前端认知:PPI、DPI、设备像素等概念 - 掘金
设备像素比devicePixelRatio简单介绍 « 张鑫旭-鑫空间-鑫生活
FancyNode

¥命名规范&解决方案

BEM

BEM
BEM — Block Element Modifier
BEM
【译】BEM CSS命名规范三 Naming convention - 简书

lvwzhen/css-name: CSS 命名规范
NEC : 更好的CSS样式解决方案
编码规范 by @mdo
CSS样式书写有哪些规范? - 这是一个代码的世界 - CSDN博客
组织css代码 - 掘金
前端项目共有的CSS问题 - 前端 - 掘金
纯CSS实现表单验证 - 掘金
CSS常用Mixin封装 - 掘金

¥颜色

颜色算法

RGB 彩虹函数 - tmirun的博客 - CSDN博客
彩虹RGB - G1342522389的博客 - CSDN博客
如何实现RGB颜色之间的渐变?-CSDN论坛
【iOS】用RGB颜色模型实现彩虹渐变 - 杜子兮@莲兮奈若何 - CSDN博客
怎样生成彩虹色带-CSDN论坛

调色板

material-palette-generator

KualiCo/material-palette-generator: Get perfect Material Design color palettes from any hex color
Material Design Palette Generator

Color Tool - Material Design
在线调色板 - 站长工具
在线网页颜色选择器,网页颜色预览

bootstrap-colorpicker

farbelous/bootstrap-colorpicker: Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
Bootstrap Colorpicker, a color picker component for jQuery, compatible with Twitter Bootstrap.

css-color-function

ianstormtaylor/css-color-function: A parser and converter for Tab Atkins's proposed color function in CSS.

HTML Color Codes - What's your color
Color Hex Color Codes
RGB to HEX
Instant HEX to RGB or RGB to HEX Converter Tool
Hex to RGB Color Converter
彩虹的七种颜色CMYK和RGB的值是什么 - 客亦知夫水与月乎? - CSDN博客
Color Combinations | Color Schemes | Color Palettes

$布局

EnjoyCSS

Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS

fixed-sticky

filamentgroup/fixed-sticky: DEPRECATED: A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback.

Html5移动端适配

web前端技术圈
简单粗暴的移动端适配方案 - REM - 前端 - 掘金
移动端适配总结 - 掘金

列表项布局

不怕你用不上!CSS 列表项布局技巧 - 掘金

网格砌体布局

Masonry – 实现 Pinterest 模式的网格砌体布局 - 梦想天空(山边小溪) - 博客园

水平、垂直居中

讨论下垂直水平居中的多种方案 - 掘金
四种常用方法 设置 不定/定宽高元素 在窗口/父元素中 水平垂直居中方法
纯CSS实现垂直居中的几种方法 - 彼岸花在开 - 博客园
块级元素和行内元素多种——水平,垂直、水平垂直居中的方法 - CSDN博客
推荐 15 种水平垂直居中布局方案

¥*FC

BFC

理解CSS-BFC概念 - 掘金
前端精选文摘:BFC 神奇背后的原理 - 梦想天空(山边小溪) - 博客园
CSS中关于定位及BFC中的易错点 - 掘金
这一次终于弄懂了 CSS BFC、清除浮动、外边距折叠 - 掘金

视觉格式化模型 | MDN
CSS中各种布局的背后(*FC) - 掘金
Visual formatting model

¥布局工具

¥flexible

kite

Kite
hiloki/kitecss: Kite is a flexible layout helper CSS library.

elf

elf,基于flexbox的响应式CSS框架 - 掘金
jrainlau/elf: 一个干净,轻巧的响应式CSS框架。
elf | a light and clean responsive framework

www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html
design.google.com
淘宝弹性布局方案lib-flexible实践 - 流云诸葛 - 博客园
教你如何用 lib-flexible 实现移动端H5页面适配 - CSDN博客
flex布局justify-content属性和align-items,align-self属性 - CSDN博客
flex实现左右布局中按钮溢出隐藏效果 - 掘金
【译】Flexbox完全指南 - 掘金
再次简单明了总结flex布局,一看就懂... - 掘金
马蹄疾 | 聊聊你可能并没有完全掌握的 Flex 布局:从概念入手,丝丝入扣 - 掘金
flex布局(弹性盒)兼容性写法 兼容ie10 谷歌 火狐_希文Gershwin-CSDN博客

grid

css polyfill ie

css-grid-polyfill

FremyCompany/css-grid-polyfill: A working implementation of css grids for current browsers.

CSS Grid Application Layout in Production (IE11 compatible) - 酷辣虫 - CoLaBug.com
使用CSS Grid的九大误区_CSS, CSS3 Grid Layout, Grid, Layout, 布局 教程_w3cplus
Should I try to use the IE implementation of CSS Grid Layout?
Supporting CSS Grid in Internet Explorer – Elad Shechter – Medium
带有IE11规范的CSS网格-网格自身崩溃怎么办? - 问答 - 云+社区 - 腾讯云
CSS grid doesn't work on IE 11 - Microsoft Edge Development
ie10 grid 网格布局 - 唐菜也的博客 - CSDN博客
codler/Grid-Layout-Polyfill
emcpadden/csswizardry-grids-ie7-polyfill: This polyfill will allow the CSS Wizardry Grid to run in IE7

hyperledger/grid: Hyperledger Grid
Grid
Creating horizontal scrolling containers the right way [CSS Grid]
CSS Grid Layout Module Level 1
CSS Grid布局:浏览器开启CSS Grid Layout_Grid, CSS3 Grid Layout, Layout 教程_w3cplus
MOR10 - Thinking Out Loud About the Internet
CSS Grid 布局完全指南(图解 Grid 详细教程)-WEB前端开发
使用 Grid 进行常见布局 - 掘金
[翻译] Grid 布局完全指南 - 掘金
CSS Grid Layout
CSS Grid Layout - CSS: Cascading Style Sheets | MDN

css-flowcharts

10 CSS Flowcharts

在线生成CSS

Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS

css sticky footer布局+流式布局 - CSDN博客
一篇全面的CSS布局学习指南 [译] - 掘金
[译] 选择 Grid 还是 Flex? - 掘金
【译】Css Grid VS Flexbox: 实践比较 - 掘金
干货!各种常见布局实现+知名网站实例分析 - 掘金

¥单位

PXtoEM.com: PX to EM conversion made simple.
css中的px、em、rem 详解 - 掘金

¥响应式

<picture>

<picture> - HTML(超文本标记语言) | MDN
scottjehl/picturefill: A responsive image polyfill for <picture>, srcset, sizes, and more
Picturefill

响应式设计工具

FROONT – 超棒的可视化响应式网页设计工具 - 梦想天空(山边小溪) - 博客园
《实用技巧》——让你的网站变成响应式的3个简单步骤 - 梦想天空(山边小溪) - 博客园
推荐15款最佳的响应式 Web 设计测试工具 - 梦想天空(山边小溪) - 博客园
前端响应式布局原理与方案(详细版) - 掘金

Responsive Elements

Responsive Elements - Helps you build better responsive websites
kumailht/responsive-elements: Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today.

响应式HTML5表单

jq-idealforms

elclanrs/jq-idealforms: The ultimate framework for building and validating responsive HTML5 forms.
elclanrs/jq-idealforms-old: The ultimate framework for building and validating responsive HTML5 forms.

jqtransform

Opensource - AJAX - Jqtransform - jQuery form plugin

intention.js

intention.js
dowjones/intentionjs: A library for intentionally dealing with responsive design

响应式表格解决方案

RWD Table Patterns – 响应式表格解决方案 - 梦想天空(山边小溪) - 博客园
Responsive tables
nadangergeo/RWD-Table-Patterns: This is an awesome solution for responsive tables with complex data.

media-screen

利用@media与@media screen进行响应式布局 | 511遇见

详解前端响应式布局、响应式图片,与自制栅格系统 - 掘金
HTML5 移动端自适应方案与踩坑 - 掘金
Restive.js – 轻松让网站变成响应式和自适应 - 梦想天空(山边小溪) - 博客园

css经典布局——圣杯布局 - 掘金
一些有趣的 CSS 魔法和布局(上) - 掘金
一些有趣的 CSS 魔法和布局(下)(结尾有岗位内推哦~) - 掘金
边学边玩CSS Grid - 掘金
CSS 盒模型、布局和包含块 - 掘金

$开发工具

¥css3开发工具

extractcss

extractCSS - Online CSS Extractor

www.cnblogs.com/lhb25/archive/2011/05/15/2046038.html
推荐40个优秀的免费CSS工具 - 梦想天空(山边小溪) - 博客园
前端集锦:十款精心挑选的在线 CSS3 代码生成工具 - 梦想天空(山边小溪) - 博客园
分享最新20款非常棒的 CSS 工具 - 梦想天空(山边小溪) - 博客园
24款非常实用的CSS3工具终极收藏 - 梦想天空(山边小溪) - 博客园
分享27个使用纯 CSS 实现的图片画廊 - 梦想天空(山边小溪) - 博客园
24个很酷的 CSS3 文本效果示例及教程 - 梦想天空(山边小溪) - 博客园
Primer – 支撑 GitHub 的 CSS 工具包和准则 - 梦想天空(山边小溪) - 博客园
35款加速网站开发的 CSS 开发工具 - 梦想天空(山边小溪) - 博客园
CssStats – 分析和优化网站 CSS 代码的利器 - 梦想天空(山边小溪) - 博客园
2015年最佳的12个 CSS 开发工具推荐 - 梦想天空(山边小溪) - 博客园
CSS3参考手册 - 最新最全的CSS参考手册
CSS3的文字阴影—text-shadow_text-shadow, css3属性详解 教程_w3cplus
cssdream/css-creating: CSS创作指南
你也许不知道,CSS 也有编程能力? - 掘金
CKStyle-CSS的检查、修复与压缩工具!

¥cssLint

CSS Lint
CSSLint/csslint: Automated linting of Cascading Stylesheets

¥css精灵

Spritepad

SpritePad - Create and edit css sprites
Paratron/CSS-SpritePad: A browser application to create CSS spritemaps with according stylesheets.

srpite

Klchan-me/srpite

未来必热:SVG Sprite技术介绍 « 张鑫旭-鑫空间-鑫生活

¥CSS in JS

Emotion

emotion
emotion-js/emotion: CSS-in-JS library designed for high performance style composition

CSS in JS 简介 - 阮一峰的网络日志

¥css resets

Normalize.css

necolas/normalize.css: A modern alternative to CSS resets
Normalize.css: Make browsers render all elements more consistently.
bymathias/normalize.styl: Stylus version of normalize.css
kristerkari/normalize.scss: SCSS version of normalize.css

modern-normalize

sindresorhus/modern-normalize: Normalize browsers' default style

¥css模块化方案

css-blocks

CSS Blocks
linkedin/css-blocks: High performance, maintainable stylesheets.

CSS Modules

libs & plugins

css-modules/postcss-modules-scope: A CSS Modules transform to extract export statements from local-scope classes
css-modules/postcss-modules-local-by-default: PostCSS plugin for css modules to local-scope classes and ids
css-modules/postcss-modules-values: Pass arbitrary constants between your module files
css-modules/postcss-icss-composes: A CSS Modules transform to extract export statements from local-scope classes
css-modules/postcss-icss-values: Pass arbitrary constants between your module files
css-modules/icss-utils: Search & replace tokens during the linking stage of ICSS loading
css-modules/css-selector-tokenizer: Parses and stringifies CSS selectors.
css-modules/postcss-modules-extract-imports: A CSS Modules transform to extract local aliases for inline imports
css-modules/css-modules-loader-core: A loader-agnostic CSS Modules implementation, based on PostCSS
css-modules/postcss-icss-selectors: PostCSS plugin for css modules to local-scope classes and ids
css-modules/postcss-icss-url
css-modules/postcss-icss-import: PostCSS plugin for css-modules to convert @import statements to ICSS
css-modules/css-modules-require-hook: A require hook to compile CSS Modules in runtime
css-modules/postcss-modules-resolve-imports: Resolves ICSS imports
css-modules/css-modulesify: A browserify plugin to load CSS Modules
css-modules/postcss-icss-keyframes: PostCSS plugin for css-modules to local-scope keyframes
css-modules/icss: Interoperable CSS — a standard for loadable, linkable CSS
css-modules/postcss-icss: Postcss plugin to process css modules and extract tokens
css-modules/postcss-modules-lint: PostCSS plugin to verify the scoping of selectors in CSS Modules

demo

css-modules/browserify-demo: A working demo of CSS Modules, using css-modulesify

css-modules/css-modules: Documentation about css-modules
CSS Modules 用法教程 - 阮一峰的网络日志
What are CSS Modules and why do we need them? | CSS-Tricks

css模块化方案 - 掘金
jonathanpath/SASS-SMACSS: To start your project with SASS. Inspired by SMACSS from Jonathan Snook.
CSS Modules 详解及 React 中实践 - pure render - 知乎专栏

¥css cli

Wee – 为现代 Web 开发打造的 CSS 脚手架 - 梦想天空(山边小溪) - 博客园

¥css next

cssdb
cssdb

¥Csstyle

Csstyle - 创建简洁、可维护强的 CSS 样式 - 梦想天空(山边小溪) - 博客园

¥Less

LESS « 一种动态样式语言
Getting started | Less.js
Less 中文网
入门 | Less.js 中文文档
函数手册 | Less 中文网
LESS-Middleware:Node.js 和 LESS 的完美搭配 - 梦想天空(山边小溪) - 博客园

¥oocss

stubbornella/oocss: Object Oriented CSS Framework
Object-oriented CSS

¥prefixer

prefixfree

Prefix free: Break free from CSS vendor prefix hell!
LeaVerou/prefixfree: Break free from CSS prefix hell!

autoprefixer

postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
autoprefixer/autoprefixer.github.io: Autoprefixer online — add the desired vendor prefixes and remove unnecessary in your CSS
Autoprefixer CSS online – make your vendor prefixes is actual.
CSS Grid in IE: CSS Grid and the New Autoprefixer | CSS-Tricks
Autoprefixer (@Autoprefixer) | Twitter
css3打包后自动追加前缀插件:autoprefixer - 掘金

¥Postcss

core

postcss - npm
PostCSS - a tool for transforming CSS with JavaScript
postcss/README-cn.md at 587e3cd26fbed9e1ca6c8585bc7c57a80f838bdb · postcss/postcss
postcss/postcss: Transforming styles with JS plugins
PostCSS - a tool for transforming CSS with JavaScript
jdrgomes/awesome-postcss: A curate list about PostCSS
DavidWells/PostCSS-tutorial: Tutorial on adding PostCSS to `create-react-app` CLI

¥Articles

Some things you may think about PostCSS... and you might be wrong - @juliancwirko
It's Time for Everyone to Learn About PostCSS | David Clark Develops the Web
PostCSS Deep Dive - Envato Tuts+ Web Design Tutorials

loader & cli

postcss-loader
postcss/postcss-loader: PostCSS loader for webpack
Package - postcss-cli
postcss-cli - npm
postcss-loader的使用指南 - keader01的博客 - CSDN博客
用postcss cli运行postcss - 咖谧也 - 博客园
postcss/postcss-cli: CLI for postcss

¥Plugins

postcss-atroot

OEvgeny/postcss-atroot: PostCSS plugin to place rules directly at the root

postcss-advanced-variables

jonathantneal/postcss-advanced-variables: Use Sass-like variables, conditionals, and iterators in CSS

postcss-background-image-auto-size

一个自动为背景图添加 width 和 height 的 PostCSS 插件 - 前端 - 掘金

cssnano

cssnano: A modular minifier based on the PostCSS ecosystem.
postcss的cssnano插件压缩CSS过程中对@keyframes重命名存在重复的问题。 - weixin_42924712的博客 - CSDN博客

postcss-cssnext

cssnext - Use tomorrow’s CSS syntax, today.
MoOx/postcss-cssnext: `postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.
postcss-cssnext - npm
Deprecating cssnext

postcss-custom-properties

postcss/postcss-custom-properties: Use Custom Properties in CSS
PostCSS Custom Properties

postcss-custom-selectors

postcss/postcss-custom-selectors: Use Custom Selectors in CSS
PostCSS Custom Selectors

postcss-extend-rule

jonathantneal/postcss-extend-rule: Use the @extend at-rule and functional selectors in CSS
CSS Extend Rule with PostCSS

postcss-flexibility

7rulnik/postcss-flexibility: PostCSS plugin for Flexibility polyfill

postcss-gap-properties

jonathantneal/postcss-gap-properties: Use the gap, column-gap, and row-gap shorthand properties in CSS

postcss-grid-kiss

sylvainpolletvillard/postcss-grid-kiss: A PostCSS plugin to keep CSS grids stupidly simple
grid-kiss playground

postcss-nested

postcss/postcss-nested: PostCSS plugin to unwrap nested rules like how Sass does it.

postcss-property-lookup

simonsmith/postcss-property-lookup: PostCSS plugin for property lookups, similar to Stylus

postcss-rtl

vkalinichev/postcss-rtl: PostCSS plugin for RTL-adaptivity
MohammadYounes/rtlcss: Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL)
RTLCSS

postcss-load-config

michael-ciniawsky/postcss-load-config: Autoload Config for PostCSS
postcss-load-config - npm

¥Better CSS Readability

jonathantneal/precss: Use Sass-like markup in your CSS
hudochenkov/postcss-sorting: PostCSS plugin to keep rules and at-rules content in order.
ismamz/postcss-utilities: PostCSS plugin to add a collection of mixins, shortcuts, helpers and tools for your CSS
jonathantneal/postcss-short: Use advanced shorthand properties in CSS
PostCSS Utility Library
PreCSS

¥Images and Fonts

borodean/postcss-assets: An asset manager for PostCSS
2createStudio/postcss-sprites: Generate sprites from stylesheets.
jonathantneal/postcss-font-magician: Magically generate all the @font-face rules
TrySound/postcss-inline-svg: PostCSS plugin to reference an SVG file and control its attributes with CSS syntax
jonathantneal/postcss-write-svg: Write SVGs directly in CSS

¥Linters

stylelint

stylelint/stylelint: A mighty, modern CSS linter
Configuration

morishitter/stylefmt: stylefmt is a tool that automatically formats stylesheets.
anandthakker/doiuse: Lint CSS for browser support against caniuse database.
SlexAxton/css-colorguard: Keep a watchful eye on your css colors.

¥Solve Global CSS Problem

postcss/postcss-use: Enable PostCSS plugins directly in your stylesheet.
css-modules/postcss-modules: PostCSS plugin to use CSS Modules everywhere
gajus/react-css-modules: Seamless mapping of class names to CSS modules inside of React components.
maximkoretskiy/postcss-autoreset: PostCSS plugin for automatic rules isolation
maximkoretskiy/postcss-initial: PostCSS plugin to fallback initial keyword
ausi/cq-prolyfill: Prolyfill for CSS Container Queries

¥Use Future CSS, Today

csstools/postcss-preset-env: Convert modern CSS into something browsers understand
postcss-preset-env
postcss-preset-env - npm

¥开发插件

postcss/writing-a-plugin.md at master · postcss/postcss
编写自己的第一个postcss插件 - supming1的专栏 - CSDN博客
从 PostCSS 插件,体验编码到发布全过程 - 简书
开发postcss插件 - 阿里云

¥Other

peterramsing/lost: LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.
PostCSS 7.0 全新版本发布,用 JS 插件转换样式 - 开源中国
从sass到PostCSS - 有一只文艺的程序猿 - SegmentFault 思否
我是如何在webpack中使用postcss-px2rem的 - 蛋挞与伯爵 - 博客园

postcss/plugins.md at master · postcss/postcss
postcss-npm - npm
fis3-postprocessor-postcss - npm
postcss-import - npm
PostCSS及其常用插件介绍 - 阿里云
7 个 PostCSS 插件让你轻松步入 PostCSS - 众成翻译
PostCSS及其常用插件介绍-WEB前端开发
PostCSS.parts | A searchable catalog of PostCSS plugins

¥Syntaxes

postcss/sugarss: Indent-based CSS syntax for PostCSS
gucong3000/postcss-syntax: Automatically switch PostCSS syntax based on file extensions
gucong3000/postcss-html: PostCSS syntax for parsing HTML (and HTML-like)
gucong3000/postcss-markdown: PostCSS Syntax for parsing Markdown
gucong3000/postcss-jsx: PostCSS syntax for parsing CSS in JS literals
gucong3000/postcss-styled: PostCSS syntax for parsing styled components
AleshaOleg/postcss-sass: A Sass parser for PostCSS, using gonzales-pe. https://www.npmjs.com/package/postcss-sass
shellscape/postcss-less: PostCSS Syntax for parsing LESS
Crunch/postcss-less
postcss/postcss-js: PostCSS for React Inline Styles, Free Style and other CSS-in-JS
postcss/postcss-safe-parser: Fault tolerant CSS parser for PostCSS
ben-eb/midas: Syntax highlighter based on PostCSS.
postcss/postcss-scss: SCSS parser for PostCSS.

安装、配置、理解与运用

PostCSS自学笔记(一)【安装使用篇】 - 我的笔记 - SegmentFault 思否
PostCSS自学笔记(二)【插件篇】 - 我的笔记 - SegmentFault 思否
PostCSS自学笔记(二)【番外篇一】 - 我的笔记 - SegmentFault 思否
PostCSS自学笔记(二)【番外篇二】 - 我的笔记 - SegmentFault 思否
css后置处理器PostCss安装与配置 - 要优秀! - CSDN博客
PostCSS理解与运用 - tuna- - 博客园
[译]PostCSS介绍 - 稻草人.Net - 博客园
postcss的安装与使用 - 我爱张苗苗 - 博客园
postcss那些事儿 - 咖谧也 - 博客园
为什么使用PostCSS? - 放开那位大妈的博客 - CSDN博客
POSTCSS快速入门使用 - Div.IO
PostCSS_入门 精通 教程_w3cplus
手把手教你webpack3(11)PostCSS-Loader配置简述 - qq20004604的博客 - CSDN博客
Coding-Guide/PostCSS配置指北.md at master · ecmadao/Coding-Guide

¥Sass

sass core

Sass: Syntactically Awesome Style Sheets
Sass: Syntactically Awesome Style Sheets
Sass 参考手册 | Sass 中文文档
SASS - 成熟、稳定、强大的 CSS 扩展语言解析器。 | SASS 中文网
sass入门 - sass教程

Sass 混入(Mixins)库

Bourbon – 简单轻量的 Sass 混入(Mixins)库 - 梦想天空(山边小溪) - 博客园

polished

styled-components/polished: A lightweight toolset for writing styles in JavaScript ✨
polished | A lightweight toolset for writing styles in JavaScript

node-sass

npm无法安装node-sass的解决方法 - 王洪宝 - 博客园
vue.js - 安装不了node-sass - SegmentFault 思否
node.js - zurb foundation 6 manual setup - error Failed at the node-sass@3.13.1 postinstall script - Stack Overflow
整理 node-sass 安装失败的原因及解决办法 - 个人文章 - SegmentFault 思否
npm install报错node-sass
node-sass 安装 - yomie - 博客园

oddbird/susy: Responsive layout toolkit for Sass
分享15款很实用的 Sass 和 Compass 工具 - 梦想天空(山边小溪) - 博客园

¥SCSS

SCSS — 缩减50%的样式代码 - 掘金

¥Stylus

stylus/stylus: Expressive, robust, feature-rich CSS language built for nodejs
Stylus - 富于表现力、健壮、功能丰富的 CSS 预处理器 | Stylus 中文文档
Stylus: Innovation Research & Advisory
stylus | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
stylus中文文档 » 综述 » 张鑫旭-鑫空间-鑫生活
『前端干货篇』:你不知道的Stylus - 掘金
stylus在vue中的使用 - CSDN博客

¥styled-components

styled-components
styled-components/styled-components: Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
styled-components
styled-components:前端组件拆分新思路 - 掘金

¥预处理器语言图形编译

Koala - LESS/Sass/Compass/CoffeeScript编译工具
oklai/koala: Koala is a GUI application for less, sass and coffeescript compilation, to help web developers to the development more efficient.

jonathanpath/SASS-SMACSS: To start your project with SASS. Inspired by SMACSS from Jonathan Snook.
CSS, Sass, SCSS, Compass, Less,BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?_Sass, Compass, BEM, SMACSS, OOCSS, ACSS, CCSS 教程_w3cplus
Styleneat - CSS Organizer
PCSS - CSS Server-side Preprocessor
CSS Drive Gallery- CSS Compressor

$CSS资源、整理集&FAQ

¥整理集

CSS进阶

CSS进阶(1)—— 重新认识CSS - 掘金
CSS进阶(2)—— width,height如此高深,难道你真懂得 - 掘金
CSS进阶(3)——深入理解content - 掘金
CSS进阶(4)—— 温和padding中的诡异CSS现象 - 掘金
CSS进阶(5)—— 深入理解margin - 掘金
CSS进阶(6)—— 浅尝盒模型中最友好的border - 掘金
CSS进阶(7)—— 内联元素的掌管者line-height和vertical-align(上) - 掘金
CSS进阶(8)—— 内联元素的掌管者line-height和vertical-align(下) - 掘金
CSS进阶(9)—— 那些年骗过你的float和“清浮动” - 掘金
CSS进阶(10)—— 深入理解BFC结界 - 掘金
CSS进阶(11)—— overflow属性详解,利用CSS实现锚点定位 - 掘金
CSS进阶(12)—— position:absolute如此高深,我当真不懂(上) - 掘金
CSS进阶(13)—— position:absolute如此高深,我当真不懂(中) - 掘金
CSS进阶(14)—— position:absolute如此高深,我当真不懂(下) - 掘金
CSS进阶(15)—— CSS世界的层叠规则(上) - 掘金
CSS进阶(16)—— CSS世界的层叠规则(下) - 掘金
CSS进阶(17)—— CSS中的文本处理(上) - 掘金
CSS进阶(18)—— CSS中的文本处理(中) - 掘金
CSS进阶(19)—— CSS中的文本处理(下) - 掘金
CSS进阶(20)—— 详解display:none和visibility: hidden的区别 - 掘金
CSS进阶(21)—— CSS中的装饰属性和用户体验属性 - 掘金
CSS 进阶(终章)—— CSS 世界流向的掌控者 direction 和 writing-mode - 掘金

CSS 属性篇

CSS 属性篇(一):relative与absolute - 掘金
CSS 属性篇(二):transform属性 - 掘金
CSS 属性篇(三):transform-origin属性 - 掘金
CSS 属性篇(四):Flex弹性盒子 - 掘金
CSS 属性篇(五):box-sizing属性 - 掘金
CSS 属性篇(六):background-size属性 - 掘金
CSS 属性篇(七):Display属性 - 掘金
CSS 属性篇(八):word-wrap、word-break、white-space属性 - 掘金
CSS 属性篇(九):linear-gradient()介绍与使用 - 掘金
CSS 属性篇(十):filter、mix-blend-mode、background-blend-mode区别 - 掘金
CSS 属性篇(十一):border-image属性 - 掘金

CSS 技巧篇

CSS 技巧篇(一):transition与display冲突问题 - 掘金
CSS 技巧篇(二):visibility:hidden和display:none的区别 - 掘金
CSS 技巧篇(三):background-position和雪碧图(CSS Sprites)用法 - 掘金
CSS 技巧篇(四):伪类与伪元素的区别 - 掘金
CSS 技巧篇(五):理解CSS优先级 - 掘金
CSS 技巧篇(六):display设置元素为行内元素时,元素之间存在间隙问题 - 掘金
CSS 技巧篇(七):设置元素居中 - 掘金
CSS 技巧篇(八):display设置元素为inline-block,底部无故出现空白 - 掘金
CSS 技巧篇(九):单行/多行文本显示省略号 - 掘金
CSS 技巧篇(十):1px边框解决方案 - 掘金

chokcoco/iCSS: 谈谈一些有趣的 CSS 话题
chokcoco/CSS-Inspiration: CSS Inspiration,在这里找到写 CSS 的灵感!
【Hello CSS】序章 - 起源 - 掘金
个人总结(css3新特性) - 掘金
【译】如何学习CSS - 掘金
css详解笔记 - 待繁华落尽 - 博客园
前端学习笔记 - Css初级篇 - 业余的强迫症患者丶 - 博客园
CSS3阴影 box-shadow的使用和技巧总结 - freshlover的专栏 - CSDN博客
响应式Web设计:50实例与实践 - ithink-设计-Design
给你梳理了 44 个 CSS 精选知识点
前端常用的CSS代码 - 掘金
能让你受益匪浅的10个css使用技巧
CSS性能优化的8个技巧 - 掘金

¥FAQ

textarea实现高度自适应

textarea如何实现高度自适应(不出现滚动条)?-博客-云栖社区-阿里云

CSS与中文相关的一些特性 - 掘金
前端页面水印生成实现 - 掘金
淘宝放大镜的简单实现,原来道理很简单 - 掘金
粉丝群CSS小测第1期答疑文字版 - 掘金
你不知道的css3(上) -- 用css3为你的组件添加风景 - 掘金
你不知道的css3(下) -- 用css3为你的组件添加可靠性 - 掘金
CSS:background-color - CSDN博客
CSS隐藏元素 display visibility opacity的区别 - CSDN博客
子元素margin-top属性传递给父元素的问题 - CSDN博客
css3 - 图标元素动画效果2 - 动画无限循环、循环一定次数、反向动画 - CSDN博客
css3平移、旋转、倾斜、缩放、动画效果的实现 - CSDN博客
小tip:CSS vw让overflow:auto页面滚动条出现时不跳动 « 张鑫旭-鑫空间-鑫生活
canvas getImageData与任意字符图形点、线动效实现 « 张鑫旭-鑫空间-鑫生活
canvas实现iPhoneX炫彩壁纸屏保外加pixi.js流体动效 « 张鑫旭-鑫空间-鑫生活
“蝉原则”与CSS3随机多背景随机圆角等效果 « 张鑫旭-鑫空间-鑫生活
用3D LUT滤镜我做了个在线专业电影级别照片调色工具 « 张鑫旭-鑫空间-鑫生活
深入理解SVG feDisplacementMap滤镜及实际应用 « 张鑫旭-鑫空间-鑫生活
currentColor-CSS3超高校级好用CSS变量 « 张鑫旭-鑫空间-鑫生活
小tip:CSS vw让overflow:auto页面滚动条出现时不跳动 « 张鑫旭-鑫空间-鑫生活
CSS百分比padding实现比例固定图片自适应布局 « 张鑫旭-鑫空间-鑫生活
canvas getImageData与任意字符图形点、线动效实现 « 张鑫旭-鑫空间-鑫生活
canvas实现iPhoneX炫彩壁纸屏保外加pixi.js流体动效 « 张鑫旭-鑫空间-鑫生活
用3D LUT滤镜我做了个在线专业电影级别照片调色工具 « 张鑫旭-鑫空间-鑫生活
CSS clip:rect几个值含义示意 » 张鑫旭-鑫空间-鑫生活
absolute+margin实现的文字投影效果 >> 张鑫旭-鑫空间-鑫生活
获取元素CSS值之getComputedStyle方法熟悉 « 张鑫旭-鑫空间-鑫生活
如何在CSS中实现父选择器效果? « 张鑫旭-鑫空间-鑫生活
切图技巧之怎么使用ps定位CSS Sprite图片 - 网页前端 - 站长圈
响应式和自适应有什么区别? - 站酷(ZCOOL)移动版
text-shadow用法 - flyqingfei - 博客园
如何通过脚本修改CSS3动画的keyframe - 为程序员服务
教你一分钟实现动态模糊效果
CSS如何设置html table表格边框样式 - DIVCSS5
如何通过脚本修改CSS3动画的keyframe - 为程序员服务
CSS3自定义滚动条样式 -webkit-scrollbar - 轩枫阁 – 前端开发 | web前端技术博客
巧用 CSS 实现酷炫的充电动画 - 掘金
Animated traffic light example

资料&资源&整理集

$最全前端资源汇总

¥Angularjs

dolymood/AngularLearning: Angular.js 的一些学习资源
Angularlearning by dolymood
AngularJS 源码分析2 - feenan - 博客园
ww1.ifeenan.com
Angular directives for Bootstrap
angular-ui/bootstrap: PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitti
Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog - CNode技术社区
mz121star (Jarrick)
使用AngularJS构建大型Web应用
AngularJS 最佳实践 – 尘埃落定
Pasvaz/bindonce: Zero watches binding for AngularJs
AngularUI
AngularUI for AngularJS
EmberJS vs AngularJS : performance testing | Void Canvas
带你走近AngularJS - 基本功能介绍 - 葡萄城技术团队 - 博客园
Angularjs学习---官方phonecat实例学习angularjs step0 step1 - Hi_Amos - 博客园
AngularJS: Tutorial: Tutorial
jmcunningham/AngularJS-Learning: A bunch of links to blog posts, articles, videos, etc for learning AngularJS
opitzconsulting/jquery-mobile-angular-adapter: jquery mobile angular adapter
AngularStrap - AngularJS 1.2+ native directives for Twitter Bootstrap 3.
【每日一博】整合jQuery Mobile+AngularJS经验谈 - 推酷
有jQuery背景,该如何用AngularJS编程思想? - 文章 - 伯乐在线
AngularJs 在线教程 入门教程 开发指南 学习笔记 基础教程 angular在线
AngularJS学习笔记 - YS.Zou

¥CSS3(CSS)

CSS Reference | Codrops
csswizardry/CSS-Guidelines: High-level guidelines for writing manageable, maintainable CSS
CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS
chadluo/CSS-Guidelines: a zh-CN translation
CSS小工具
全局CSS的终结(狗带) [译] | AlloyTeam
Browserhacks

¥Chrome

Chrome 开发者工具  |  Tools for Web Developers  |  Google Developers
Chrome开发者工具不完全指南(一、基础功能篇) - 卖烧烤夫斯基 - 博客园
Chrome开发者工具不完全指南(二、进阶篇) - 卖烧烤夫斯基 - 博客园
Chrome开发者工具不完全指南:(三、性能篇) - 卖烧烤夫斯基 - 博客园
Chrome开发者工具不完全指南(四、性能进阶篇) - 卖烧烤夫斯基 - 博客园
Chrome开发者工具不完全指南(五、移动篇) - 卖烧烤夫斯基 - 博客园
chrome使用技巧(看了定不让你失望) - 静逸 - 博客园
Chrome 控制台不完全指南 - 刘哇勇 - 博客园
Console API Reference  |  Tools for Web Developers  |  Google Developers
通过 Chrome Workspace 调试本地项目 | 小影志
分析chrome中的network面板 - 没事瞎琢磨 - 前端乱炖
Chrome Devtools Cheatsheet
chrome调试工具常用功能整理 - 前端开发工具 - 前端乱炖
Chrome神器Vimium快捷键学习记录 - 我的编程乐园 - C++博客
如何更专业的使用Chrome开发者工具_tools, DevTools 教程_w3cplus
使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能 - OSCHINA
使用 Chrome DevTools 中的 Device Mode 模拟移动设备  |  Tools for Web Developers
作为Web开发人员,我为什么喜欢Google Chrome浏览器 - Q.Lee.lulu - 博客园
Console Utilities API Reference  |  Tools for Web Developers
查看html元素绑定的事件与方法的利器 - coderidea - 博客园
神器——Chrome开发者工具(一) - Just For Fun - SegmentFault 思否
文章 - chrome 开发者工具的 15 个小技巧 - FED社区
Chrome开发者工具不完全指南 - 学前端|互联网|H5零基础 | 培训 | 网校 | 在线学习 | 包就业 | H5岗位紧缺 | HTML5 | 学编程 | 學編程 |交互设计 | 原型设计 | JS | JQuery | BootStrap | CSS3 | 互联网+ | 产品经
Chrome 开发者工具使用技巧 - 王铁手的博客 - SegmentFault 思否

¥Date library

魔鬼程序员内容模板
datejs/Datejs: A JavaScript Date and Time Library
Sugar - Home

¥D3

Tutorials · d3/d3 Wiki
Gallery · d3/d3 Wiki
d3.js 学习资源 - alanland - ITeye博客
D3.js -- JavaScript 标准参考教程(alpha)
NVD3

¥Ecmascript

Read Understanding ECMAScript 6 | Leanpub
es6-org/exploring-es6: 《 Exploring ES6 》的翻译,可以在此处阅读最新的翻译:
探索 ES6
JavaScript 标准参考教程(alpha) -- JavaScript 标准参考教程(alpha)
ECMAScript5.1中文版 + ECMAScript3 + ECMAScript(合集)
Annotated ES5

¥Fis

F.I.S -前端工具框架
fex-team/fis: Front-end Integrated Solution - 前端集成解决方案, 最新版请进入 FIS3 https://github.com/fex-team/fis3
fex-team/fis3: FIS3
FIS3 - 前端工程构建工具

¥Fiddler

Fiddler调式使用知多少(一)深入研究 - 龙恩0707 - 博客园
移动开发中Fiddler的那些事儿 - 咖啡机(K.F.J) - 博客园
[微信开发利器]微信内移动前端开发抓包调试工具fiddler使用教程 - 猿资猿味

¥Firebug

WEB调试工具-Firebug-慕课网
WebIDE - Firefox 开发者工具 | MDN
Firebug入门指南 - 阮一峰的网络日志
Firebug控制台详解 - 阮一峰的网络日志

¥Git

Git
Git for Windows
GitHub 添加 SSH keys
Learn Git Branching
xirong/my-git: Individual collecting material of learning git(有关 git 的学习资料)
my-git/git-workflow-tutorial.md at master · xirong/my-git
phodal/github: GitHub 漫游指南- a Chinese ebook on how to build a good project on Github. Explore the users' behavior. Find some thing interest.
GitHub 漫游指南 – GitHub 漫游指南
github-cheat-sheet/README.zh-cn.md at master · tiimgreen/github-cheat-sheet
Explain Git with D3

¥Gulp

gulp.js - The streaming build system
Platform-CUF/use-gulp: gulp资料收集
Gulp:任务自动管理工具 -- JavaScript 标准参考教程(alpha)
CUF_meeting_knowledge_share/2015-8-17/bower-dependence-inject at master · hjzheng/CUF_meeting_knowledge_share
2015-5-30 使用gulp · Issue #33 · hjzheng/CUF_meeting_knowledge_share
Gulp安装及配合组件构建前端开发一体化 | DBPOO'S BLOG
onface/gulp-book: Gulp 入门指南
《Gulp 入门指南》- 前言 · Issue #19 · onface/blog
Gulp开发教程(翻译) - w3ctech
How To Build And Develop Websites With Gulp — Smashing Magazine
前端构建工具gulpjs的使用介绍及技巧 - 无双 - 博客园
contra/glob2base: Extracts a base path from a node-glob instance

¥Grunt

Grunt: The JavaScript Task Runner
Grunt: JavaScript 世界的构建工具 | Grunt 中文网

¥HTML5(HTML)

深入理解HTML5标签 - iLeox Notes - SegmentFault 思否
如何写出高效率的HTML - iLeox Notes - SegmentFault 思否
High performance HTML | Sam Dutton’s blog
HTML meta标签总结与属性使用介绍 - Lxxyx的开发笔记 - SegmentFault 思否
戏说HTML5 - 木的树 - 博客园

¥iconfont

中文字体有类似google fonts这样的网站么? - 知乎
Iconfont-阿里巴巴矢量图标库
UX图标字体库 - 阿里妈妈MUX
icomoon « 搜索结果 « 张鑫旭-鑫空间-鑫生活

¥iOS Simulator

https://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary/

¥Image

Preloaders.net - Circular (Spinners) loading GIF, SVG & APNG animations (AJAX loaders)
智图_图片压缩在线工具_在线制作webp
TinyPNG – Compress PNG images while preserving transparency
Image Upload - SM.MS - Simple Free Image Hosting
抖音KOL数据,网红排行榜
图床 - Qchan图床

¥jQuery

jQuery API 中文文档 | jQuery 中文网
jQuery(selector,context)函数参数含义 - Acmera-播客分享 - CSDN博客
jQuery源码分析之jQuery(selector,context)详解 - 高山上的鱼 - CSDN博客
jQuery 核心函数:jQuery([selector,[context]])最基础的函数 - theowl的专栏 - CSDN博客
.on() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
jQuery UI API中文文档(适用jQuery UI 1.12.1)
jQuery Learning Center
Web前端资源汇总 - 计划 - 博客园

¥JS template

So you need a template engine..

Template-Engine-Chooser

doT.js

doT.js - the fastest and concise javascript template engine for Node.js and browsers
olado/doT: The fastest + concise javascript template engine for nodejs and browsers. Partials, custom delimiters and more.

domjs

medikoo/domjs: DOM template engine for client and server

dustjs

linkedin/dustjs: Asynchronous Javascript templating for the browser and server
Dust.js by LinkedIn

handlebarsjs

Handlebars.js: Minimal Templating on Steroids
wycats/handlebars.js

ejs

tj/ejs: Embedded JavaScript templates for node
mde/ejs: Embedded JavaScript templates -- http://ejs.co
EJS -- Embedded JavaScript templates
EJS -- 嵌入式 JavaScript 模板引擎 | EJS 中文文档
sail-sail/ejsExcel: nodejs excel template engine. node export excel
ejsexcel

hogan.js

Hogan.js
twitter/hogan.js: A compiler for the Mustache templating language

Jade templates

pugjs/pug: Pug – robust, elegant, feature rich template engine for Node.js
Getting Started – Pug

jsrender

JsRender: Demos
BorisMoore/jsrender: A lightweight, powerful and highly extensible templating engine. In the browser or on Node.js, with or without jQuery.
JsRender/JsViews
JsRender/JsViews
jsrender - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!

Markup.js

adammark/Markup.js: Powerful JavaScript templates

mustache.js

janl/mustache.js: Minimal templating with {{mustaches}} in JavaScript
{{ mustache }}

nunjucks

mozilla/nunjucks: A powerful templating engine with inheritance, asynchronous control, and more (jinja2 inspired)
Nunjucks

plates

flatiron/plates: Light-weight, logic-less, DSL-free, templates for all javascript environments!

pure.js

pure.js - Javascript Template Engine
pure/pure: PURE Unobtrusive Rendering Engine for HTML

transparency

Try Transparency
leonidas/transparency: Transparency is a semantic template engine for the browser. It maps JSON objects to DOM elements by id, class and data-bind attributes.

underscore-template-loader

emaphp/underscore-template-loader: A Underscore and Lodash template loader for Webpack

tmodjs/README.md at master · aui/tmodjs
aui/tmodjs: 前端模板外置解决方案

fxtpl

koen301/fxtpl: 全新的JS模板引擎
Fxtpl

layui.laytpl

模板引擎文档 - layui
laytpl前端模版引擎 - 在线演示 - layui

Juicer

PaulGuo/Juicer: A Light Javascript Templete Engine.

dust

etpl

ETpl - Enterprise Template
ecomfe/etpl: ETPL是一个强复用、灵活、高性能的JavaScript模板引擎,适用于浏览器端或Node环境中视图的生成。

¥Less,sass

Sass世界上最成熟、稳定和强大的CSS扩展语言 | Sass中文网
Sass: Syntactically Awesome Style Sheets | Sass 中文文档
快速入门 | Less.js 中文文档

¥Markdown

Learning-Markdown/README.md at master · LearnShare/Learning-Markdown
mditor 一款轻量级的markdown编辑器
bh-lay/mditor: 一款轻量级的markdown编辑器 ediotor for markdown
lepture/editor: A markdown editor. http://lab.lepture.com/editor/
Editor
Just lepture
jbt/markdown-editor: Live (Github-flavored) Markdown Editor
New Document

¥Node.js

alsotang/node-lessons: 《Node.js 包教不包会》 by alsotang
小撸
【NodeJS 学习笔记04】新闻发布系统 - 叶小钗 - 博客园
过年7天乐,学nodejs 也快乐 - 互联网Fans - 博客园
nqdeng/7-days-nodejs: 七天学会NodeJS
七天学会NodeJS
Nodejs学习笔记(二)--- 事件模块 - porschev - 博客园
Node.js入门 - M守护神 - 博客园
zensh/jsgen: [DEPRECATED]JsGen is a next generation,free, open source web software that you can generate a powerful website, such as blog, forum, etc. It is coded by pure JavaScript, based on Node.js, AngularJS, MongoDB.
从零开始nodejs系列文章 | 粉丝日志
Understanding the node.js event loop
Node入门 » 一本全面的Node.js教程
OurJS-免费开源的博客引擎,论坛系统,网站模板和轻量级的CMS - OurJS
Node初学者入门,一本全面的NodeJS教程 - OurJS
NodeJS的代码调试和性能调优 | 小胡子哥的个人网站
The Node Beginner Book - A comprehensive Node.js tutorial
叶小钗 - 博客园

¥React

React 中文
Getting Started – React
The world's most popular React UI framework - Material-UI
Touchstone JS – What’s Coming for This UI Framework
React 入门实例教程 - 阮一峰的网络日志
React Native官方文档中文版_React Native中文教程_React Native开发中文手册[PDF]下载-极客学院Wiki
Webpack 和 React 小书 - fakefish - 前端乱炖
介绍 | React Webpack 小书
Webpack,101入门体验 - webpack - 前端乱炖
webpack入门教程 - 学习笔记 - 前端乱炖
基于webpack搭建前端工程解决方案探索 - dmyang - SegmentFault 思否

¥Requriejs

Javascript模块化编程(一):模块的写法 - 阮一峰的网络日志
Javascript模块化编程(三):require.js的用法 - 阮一峰的网络日志
RequireJS入门(一) - snandy - 博客园
RequireJS入门(二) - snandy - 博客园
RequireJS进阶(三) - snandy - 博客园
【requireJS源码学习01】了解整个requireJS的结构 - 叶小钗 - 博客园
RequireJS学习笔记 - 叶小钗 - 博客园
Why SeaJS
RequireJS与Backbone简单整合 - 叶小钗 - 博客园

¥seajs

Why SeaJS

¥UI相关

拼图Pintuer-跨屏响应式布局前端开发CSS框架
GotGitHub — GotGitHub
GotGit

¥UI方案

Sencha Ext JS - Sencha.com | Sencha.com
Ext JS 4.0.7 - Sencha Docs
简单实用国产jQuery UI框架 - DWZ富客户端框架(J-UI.com)
MUI-最接近原生APP体验的高性能前端框架
SUI Mobile
KISSY - A Powerful JavaScript Framework
Kendo UI MVVM Demo
YUI Library
atizo/smartui: Smart User Interfaces

¥Vue

Vue 入门指南 - 【艾伦】 - 博客园
Vue.js 的一些资源索引 - 题叶 - SegmentFault 思否

¥前端知识综合类

WEB大前端工程师路径图的标题_职业路径图_IT职业在线教育平台_极客学院
前端知识体系 - naniJser - 博客园
JacksonTian/fks: 前端技能汇总 Frontend Knowledge Structure
FKS Documentation
unruledboy/WebFrontEndStack: web front end stack: browsers, platforms, libraries, frameworks, tools etc.
Web前端开发大系概览 (前端开发技术栈) - 灵感之源 - 博客园
justjavac/free-programming-books-zh_CN: 免费的计算机编程类中文书籍,欢迎投稿
EbookFoundation/free-programming-books: Freely available programming books
free-programming-books | :books: Freely available programming books
dypsilon/frontend-dev-bookmarks: Manually curated collection of resources for frontend web developers.
前端开发者手册 · Front-end Developer HandBook
nieweidong/fetool: 大前端的瑞士军刀,只记录有用的。
Introduction · 前端开发笔记本
li-xinyang/FE_Note: 📒 Front-end Development Notebook From Start to Finish! (Simplified Chinese)
icepy/Front-End-Develop-Guide: 💰 Awesome The Front End Develop Guide:这份指南汇集了前端开发所使用语言的主流学习资源,并以开发者的视角进行整理编排而成。
AlloyTeam/Mars: 腾讯移动 Web 前端知识库
第 1 章: 我们在做什么? · JS 函数式编程指南
JavaScript中的this陷阱的最全收集--没有之一 - Web开发手记 - SegmentFault 思否
麻省理工学院公开课:计算机科学及编程导论_全24集_网易公开课

¥前端入门类

1. web前端开发分享-css,js入门篇 - 豪情 - 博客园
2. web前端开发分享-css,js进阶篇 - 豪情 - 博客园
3. web前端开发分享-css,js提高篇 - 豪情 - 博客园
4. web前端开发分享-css,js工具篇 - 豪情 - 博客园
5. web前端开发分享-css,js深化篇 - 豪情 - 博客园
6. web前端开发分享-css,js移动篇 - 豪情 - 博客园
前端工程师必备的PS技能—切图篇-慕课网
qiu-deqing/FE-learning: 结合个人经历总结的前端入门方法

¥前端开发工具类

新编码神器Atom使用纪要 | 晚晴幽草轩
CSS Sprite(精灵图)雪碧图用法视频教程-慕课网
版本控制入门–搬进 Github-慕课网
前端自动化工具Grunt-beginner使用教程-慕课网
judasn/IntelliJ-IDEA-Tutorial: IntelliJ IDEA 简体中文专题教程
Atom
Visual Studio Code - Code Editing. Redefined

¥前端常用综合搜索平台

jobbole/awesome-javascript-cn: JavaScript 资源大全中文版,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等
100+ 超全的web开发工具和资源 – 稀土区
Zoommy - more than 130 000 free photos in one place
Beautiful Free Images & Pictures | Unsplash
Pinterest
New Old Stock
花瓣网_陪你做生活的设计师(发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品、设计/创意灵感等)
摄图网-正版高清图片免费下载_商用设计素材图库
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!

¥团队Blog|周报类

极客学院Wiki - IT 技术图文教程库
奇舞周刊
WEB前端开发-专注前端开发,关注用户体验
Js Tips - A JavaScript tip per day!
Web开发 | AlloyTeam
PaicHyperionDev/MobileDevWeekly: 平安金融科技移动开发周报

¥开发中心

Chrome APIs - Google Chrome
Resources - Safari - Apple Developer
JavaScript Version Information - Microsoft Edge Development | Microsoft Docs
Sanshi.me
JavaScript 秘密花园
W3Help - 兼容性 - 知识库

¥综合API

JavaScripting.com - The Database of JavaScript Libraries
菜鸟教程 - 学的不仅是技术,更是梦想!
在线API文档
DevDocs API Documentation

¥移动端API

jtyjty99999/mobileTech: A useful tools or tips list for mobile web application developing
移动前端的一些坑和解决方法(外观表现)-前端开发博客
【原】移动web资源整理 - 白树 - 博客园
Issues · maxzhang/maxzhang.github.com
hoosin/mobile-web-favorites: This is a favorites, with a mobile web tips.

¥兼容性

ECMAScript 6 compatibility table
W3C CSS 验证服务
Can I use... Support tables for HTML5, CSS3, etc
CSS Properties & Selectors | CSS Creator
CSS 兼容性和 Internet Explorer | Microsoft Docs
Responsinator

¥其它API

HTTP API 设计指南 - SegmentFault 思否
nice Validator 示例,jQuery智能表单验证
标签: underscore | 亚里士朱德的博客
SVG 参考手册
developer.mozilla.org
AI to SVG - Convert your AI to SVG for Free Online

¥图表类

Highcharts JS API Reference
ECharts
开发 | 高德地图API
Home

¥正则

JS正则表达式元字符 - 小弟调调 - SegmentFault 思否
正则表达式30分钟入门教程
Regester - 正则表达式测试工具
developer.mozilla.org
RegExp对象 -- JavaScript 标准参考教程(alpha)
进阶正则表达式 - Div.IO
Regexper

¥前端规范

Code Guide by @AlloyTeam
编码规范 by @mdo
关于团队合作的css命名规范 | AlloyTeam
Max Yu
前端编码规范之JavaScript - Barret Lee - 博客园
yuche/javascript: Airbnb JavaScript 编码规范
AMD规范与CMD规范的区别 - 龙恩0707 - 博客园
KISSY 源码规范 — KISSY v1.4 Documentation
前端代码规范 及 最佳实践 - 文章 - 伯乐在线
前端代码规范 及 最佳实践 | Isobar
ISOBAR Front-end Code Standards & Best Practices | Isobar
ecomfe/spec: This repository contains the specifications.
JavaScript 风格指南/编码规范(Airbnb公司版) - 文章 - 伯乐在线
规范 - NEC : 更好的CSS样式解决方案
starriness/es6-coding-style: ECMAScript 2015 编码规范--广发证券前端团队

¥各大公司开源项目

FEX - FEX
EFE Tech - 百度EFE(Excellent FrontEnd)技术体系
Baidu FEX team
AlloyTeam|腾讯全端 AlloyTeam 团队
腾讯 Web 前端团队 - AlloyTeam
dntzhang/cax: HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
AlloyDesigner——For Fast Web Development
AEditor
fenbility/weekly-feed: 推荐的一些值得订阅的Weekly
奇舞团开源项目
Qunar UED
H5交互页编辑器AEditor介绍 | AlloyTeam

¥常用

hotoo/pinyin: 汉字拼音 ➜ hàn zì pīn yīn
pinyin - 汉字拼音转换工具。
Virtual Keyboard
zhangxinxu/ieBetter.js: make ie browser like a morden browser main for ie6~ie8,
ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性 « 张鑫旭-鑫空间-鑫生活

¥算法

Ralph-Wang/algorithm.in.js: 数据结构与算法 JavaScript 描述. 章节练习
twobin/twobinSort: 常见排序算法(JS版)
jsAgm/sort.js at master · luofei2011/jsAgm
hechangmin/jssort: 常见排序算法-js版本
lightningtgc/JavaScript-Algorithms: JS算法 数据结构 精华集

¥移动端

ftlabs/fastclick: Polyfill to remove click delays on browsers with touch UIs
mmastrac/jquery-noclickdelay: Removes the 300ms click delay from iOS webviews
【敏捷开发】Android团队开发规范 - Leo.cheng - 博客园
【译】[干货] Android 开发规范与应用 - 简书
ychow/ionic-guide: Ionic 中文指南

¥焦点图

koen301/myfocus: myFocus JavaScript Library
myFocus官方演示站
SuperSlide | TouchSlide 官方网站 大话主席

¥页面 社会化 分享功能

百度分享,为您带来更多流量 - 百度分享
百度分享平台-服务详情-百度开发者中心
Mob官网 - 全球领先的移动开发者服务平台
开发者中心

¥富文本编辑器

UEditor - 首页
在线HTML编辑器
微型、开源的Bootstrap所见即所得(WYSIWYG)富文本编辑器 -- 由MindMup贡献
mindmup/bootstrap-wysiwyg: Tiny bootstrap-compatible WISWYG rich text editor
Bach's Editor
mycolorway/simditor: An Easy and Fast WYSIWYG Editor
Squire
neilj/Squire: HTML5 rich text editor. Try the demo integration at
Quill - Your powerful rich text editor
quilljs/quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility.
wangfupeng1988/wangEditor: wangEditor —— 轻量级web富文本框
wangEditor - 轻量级web富文本编辑器

¥前端概述

前端工程——基础篇 · Issue #10 · fouber/blog
[译] 前端攻略-从路人甲到英雄无敌 - 某熊的全栈之路 - SegmentFault 思否
From Zero to Front-end Hero (Part 1) – freeCodeCamp.org

¥文件上传

Web Uploader
elemefe.github.io/image-cropper/

¥图轮

Swiper - Most Modern Mobile Touch Slider
peunzhang/fullpage: For desktop(ie5.5+) or mobile webApp without jQuery,create full screen pages fast and simple.
qiqiboy/touchslider: TouchSlider是一个轻量级的javascript组件,设计的目的是提供一个可以方便实现全平台(PC及移动端触摸界面)的幻灯slider效果。
peunzhang/slip.js: 移动端跟随手指滑动组件,零依赖。
peunzhang/iSlider: Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
saw/touch-interfaces: Building Touch Interfaces with HTML5 - Code Listings
Tiny Circleslider: A lightweight cross browser circular carousel.
TouchSlider — JavaScript slide content
Swiper演示 - Swiper中文网
hahnzhu/parallax.js: 滚动视差效果封装,便于快速调用实现
yanhaijing/zepto.fullpage: 专注于移动端的fullPage.js
Luke's Blog
JefferyWang/nativeShare.js: 一个在手机网页端可以直接调用原生分享的js
聊聊移动端跨平台开发的各种技术 - FEX
NiceSlider - A Lightweight Touch Slider
Slideout.js - A touch slideout navigation menu for your mobile web apps.
Mango/slideout: A touch slideout navigation menu for your mobile web apps.

¥移动端图轮

[WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应 - plums - 博客园
NiceSlider - A Lightweight Touch Slider

¥模拟select

selectbox
rmm5t/jquery-flexselect: A jQuery plugin that turns regular select boxes into Quicksilver-like, flex-matching, incremental-finding controls.

¥取色插件

jQuery颜色选取器插件COLPICK
jquery/jquery-color: jQuery plugin for color manipulation and animation support.
jQuery颜色选择插件 - 开源软件 - OSCHINA
mattfarina/farbtastic: jQuery Color Wheel

¥城市联动

第74款插件:jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果 – 爱上JQuery

¥剪贴板

zeroclipboard/zeroclipboard: The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface.
ZeroClipboard v2.x

¥繁简转换

BYVoid/OpenCC: A project for conversion between Traditional and Simplified Chinese

¥表格 Grid

opensource.facebook.com
Handsontable | JavaScript Data Grid Component For Web Apps
Bootstrap Table · An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation)

¥在线演示

JS Bin - Collaborative JavaScript Debugging
jsfiddle.net
Ideone.com - Online Compiler and IDE >> C/C++, Java, PHP, Python, Perl and 40+ other compilers and interpreters
创建新代码 | JShare
JSDM
SQL Fiddle
Mozilla 打造的 Thimble - 一个在线代码编辑器,适合学习和教育工作者。

¥常规优化

Javascript高性能动画与页面渲染
给网页设计师和前端开发者看的前端性能优化 - 优设网 - UISDC
YSLOW 中文文摘 - YSLOW 中文介绍 - 博客园
转一篇Yahoo关于网站性能优化的文章,兼谈本站要做的优化 - 文章 | 360ITO技术社区 360ito.com
Yahoo!团队实践分享:网站性能优化的34条黄金守则(一)—内容
网站性能优化指南:什么使我们的网站变慢? | 加速乐's Blog_Jiasule.com
网站性能优化实践,减少加载时间,提高用户体验 - 动易软件
【高性能前端1】高性能HTML | AlloyTeam
【高性能前端2】高性能CSS | AlloyTeam
由12306.cn谈谈网站性能技术 | | 酷 壳 - CoolShell
毫秒必争,前端网页性能最佳实践 - 微软互联网开发支持 - 博客园
Best Practices for Speeding Up Your Web Site - Yahoo Developer Network
网站性能工具Yslow的使用方法_米启点-前端开发_新浪博客
前端工程精粹(一):静态资源版本更新与缓存
前端工程精粹(二):静态资源管理与模板框架
HTTPS连接的前几毫秒发生了什么 - 文章 - 伯乐在线
Yslow
YUISlide,针对移动设备的动画性能优化
让网站提速的最佳前端实践 - 我的技术博客 - SegmentFault 思否
Website Loading Speed | Website Optimization
Need for Speed – How to Improve your Website Performance · Devbridge
阿里无线前端性能优化指南 (Pt.1 加载期优化) · Issue #1 · amfe/article
amfe/amfe-appear: 可视区域懒加载组件
amfe/ml: 无线前端库

¥优化工具

JavaScript 性能分析新工具 OneProfile - OneAPM技术博客 - 前端乱炖
JavaScript 堆内存分析新工具 OneHeap - OneAPM技术博客 - 前端乱炖

¥在线工具

developers.google.com
jsPerf: JavaScript performance playground
HTML/CSS/Javascript在线代码运行工具 | 菜鸟教程
代码在线运行 - 在线工具

¥前端架构

技术架构 - 知乎
如何成为前端架构师? - 知乎
百度腾讯offer比较(腾讯游戏VS百度基础架构)? - 知乎

¥推荐作品

gist.github.com
实例索引
hongru/hongru.github.com: hongru.github.com
米空格
一些写过的作品 - Laoshu133.com
Koen's Project
SeaJS 组件库
颜海镜的项目
javascript个人作品 - A JavaScript Fancier - IT博客
【妙味课堂】我用 JavaScript 写游戏之 -- 雷东升作品集 - 妙味学员作品展 - 妙味茶馆 - Powered by Discuz!
HTML5和Javascript作品与技术分享-CSDN论坛
TooBug/works: 一些比较老的作品
WEB前端在线测试
博客词云 | Dron 博客
javascript黑白棋人机博弈游戏 版本:1.02
fromone | to be unique
Guille Paz - Front-end Developer
zmmbreeze/DeadSimpleVideoPlayer: Dead simple html5 Video player.
Proton

¥面试题

那几个月在找工作(百度,网易游戏,华为)_笔经面经_牛客网
2014年最新前端开发面试题 - 最新【前端面试题】收集-MarkYun - 前端乱炖
2016校招内推 -- 阿里巴巴前端 -- 四面面试经历 - -渔人码头- - 博客园
年后跳槽那点事:乐视+金山+360面试之行 - 吕大豹 - 博客园
Interviewing a Front-End Developer | Underdog.io
js 也来 - 【拉勾专场】抛弃简历!让代码说话! - 楼教主 - 博客园
前端工作面试问题 - allenxing - 博客园
前端开发面试题 - weakish - SegmentFault 思否
My-blog/Front-end-Developer-Questions at master · markyun/My-blog
fex-team/interview-questions: FEX 面试问题
如何面试一名前端开发工程师? - 大搜车前端团队专栏 - 前端乱炖
前端实习生面试总结 - 晓婼 - 博客园
paddingme/Front-end-Web-Development-Interview-Question: 前端开发面试题大收集,前端面试集锦
qiu-deqing/FE-interview: 收集的前端面试题和答案
如何面试前端工程师? - 知乎
My-blog/README.md at master · markyun/My-blog
笔经面经_互联网求职学习交流_讨论区_牛客网

¥移动,微信调试

STF | Smartphone Test Farm
UC Plus —— 为开发者提供服务而生
无线调试攻略 - THX

¥微信调试的那些事

ww17.blog.qqbrowser.cc
jieyou/remote_inspect_web_on_real_device: 各种真机远程调试方法汇总——“真机远程调试”(remote inspect web on real device),是指用桌面电脑(PC或MAC)远程连接上移动设备,通过类似Chrome浏览器开发人员

¥浏览器同步

leeluolee/puer: more than a live-reload server, built for efficient front-end development
超简单工具puer——“低碳”的前后端分离开发 | 拴萝卜的棍子
LiveReload
getf5.com - getf5 Resources and Information.
如何为WebStorm设置SASS的File Watchers?-前端集合 - 关注前端技术和互联网免费资源
BrowserSync/browser-sync: Keep multiple browsers & devices in sync when building websites. http://browsersync.io
Browsersync中文网 - 省时的浏览器同步测试工具

¥在线PPT制作

Cleaver快速制作网页PPT | 晚晴幽草轩
impress.js初体验 - 前端装X利器 - 聂微东 - 博客园
ebow/bespoke-fx: CSS slide transitions for Bespoke.js
Seldaek/slippy: HTML Presentations

¥前端导航网站

iyfnzgb.com/?pid=9PO1H9V71&dn=uxbees.com
前端网址导航-大前端
前端导航站 - 前端工程师专用的导航站
jserme/123.jser.us: 一个前端导航站 http://123.jser.us
Haourl 站长网址导航_站长的上网主页!
前端开发仓库 - Code for Web Developer
jnoodle/f2e-collect: 前端开发相关的社区、网站、博客、资源等搜集
F2E 前端导航 - 前端工程师专用的导航

¥常用CDN

lib.sinaapp.com
BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
Staticfile CDN
staticfile/cli: Staticfile command line utility
jQuery cdn加速
jQuery CDN
Microsoft Ajax Content Delivery Network | Microsoft Docs

¥各种日期日历

强大的独立日期选择器(date picker)插件 - Kalendae - igeekbar - 博客园
FullCalendar - JavaScript Event Calendar
fullcalendar/fullcalendar: Full-sized drag & drop event calendar
fullcalendar日历控件知识点集合 - FrancisLaw的学园 - CSDN博客
zzyss86/LunarCalendar: 农历(阴历)万年历,是一款支持Node.js和浏览器端使用的全功能农历和公历日历类库。支持农历与公历之间相互转换,含有二十四节气,天干地支纪年纪月纪日,生肖属相,公
30 Best Free Calendar & Datepicker jQuery Plugins
Pikaday: JavaScript datepicker – David Bushell – Web Design (UK)
Datepair.js – Demos and Documentation
glad/glDatePicker: An ultra-simple, customizable, light-weight date picker plug-in for jQuery
Date picker – pickadate.js
Cross platform UI for progressive web and hybrid apps | Mobiscroll

¥效果类

HTML5 有哪些让你惊艳的 demo? - 知乎
焦点图轮播特效制作视频教程-慕课网

¥弹出层

aui/artDialog: 经典的网页对话框组件
artDialog
Google Code Archive - Long-term storage for Google Code Project Hosting.
bh-lay/UI: 响应式用户交互组件库

¥优秀JavaScript项目

PatrickJS/angular-starter: An Angular Starter kit featuring Angular (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript, TsLint, Codelyzer, Hot Module Replacement, @t
fex-team/fis3-demo: fis3 demo
JsAaron/jQuery: 前端JQuery系列
microsoft/ChakraCore: ChakraCore is the core part of the Chakra JavaScript engine that powers Microsoft Edge
STRML/strml.net: STRML: Projects & Work
STRML: Projects and Work
zxlie/FeHelper: 😍FeHelper--Web前端助手(Awesome!Chrome & Firefox Extension, All in one Toolbox!)
BryanYang/freechat: nodejs 的一个聊天软件,类似微信。
stkevintan/Cube: A cross-platform web music player in nw.js
fex-team/ueditor: rich text 富文本编辑器
fex-team/kityminder-core: 强大的脑图可视化工具
ellisonleao/clumsy-bird: A MelonJS port of the famous Flappy Bird Game
taisel/IodineGBA: JavaScript GameBoy Advance emulator.
SegmentFault/HyperDown: 一个结构清晰的,易于维护的,现代的PHP Markdown解析器
SegmentFault/HyperDown.js
TryGhost/Ghost: 👻 The #1 headless Node.js CMS for professional publishing
ruanyf/react-demos: a collection of simple demos of React.js

¥其它

Framework7 - Full Featured Mobile HTML Framework For Building iOS & Android Apps - cn
扉页 · GitBook
RubyLouvre/mass-Framework: 一个模块化,面向大规模开发的javascript框架
RubyLouvre/avalon: an elegant efficient express mvvm framework
OniUI
RubyLouvre/avalon.oniui: 基于avalon的组件库
草料二维码生成器

¥FrontEnd

33-js-concepts

leonardomso/33-js-concepts: 📜 33 concepts every JavaScript developer should know.
stephentian/33-js-concepts: 每个 JavaScript 工程师都应懂的33个概念 @leonardomso

30-seconds-of-code

30-seconds/30-seconds-of-code: Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.
Array - 30 seconds of code
30 秒就能理解的 JavaScript 代码片段(30 seconds of code)

JS前端开发联盟群

JS前端开发联盟群
src/book.md at master · jsfront/src
jsfront/month: 前端知识月刊
jsfront/jsfront.github.io: 前端联盟群官方网站
jsfront/qa: 群内知识问题代码比赛等
jsfront/Hybrid-Collection-App: Hybrid App群开源项目
jsfront/angular2.0-study: WIKE学习angluar的一些资料和心得,定期更新
jsfront/use-gulp: gulp资料收集
jsfront/cd-it-job: 针对成都IT小伙伴们的工作(招聘,求职)交流的微信订阅号项目。
jsfront/web.frontend.component: some jquery plugins extended by one core library called jquery plugin manager.
jsfront/template: html模板引擎
jsfront/toucher: 面向移动端的手势类库
jsfront/front-end-collect: 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者
Toucher by bh-lay
jsfront/src: 常用代码收集资源分享

styleguide

opensource.guide

github/opensource.guide: Community guides for open source creators
Open Source Guides | Learn how to launch and grow your project.

zh-google-styleguide

zh-google-styleguide/zh-google-styleguide: Google 开源项目风格指南 (中文版)

ruanyf/document-style-guide: 中文技术文档的写作规范
airbnb/javascript: JavaScript Style Guide

webproblem

webproblem (小兴)
BeesX/BeesHybrid: This project aims to help more wireless development engineers understand and master hybrid development technology by providing a range of tools and methods.
webproblem/learning-article: 学习资源 or 大前端导航,持续更新
webproblem/Blog: 学习笔记和技术输出
webproblem/webproblem.github.io: 我的工程
webproblem/my-plugin: My first repository on GitHub,存放着一些独立的功能组件,可单独使用
webproblem/notebook: 前端攻城狮笔记,持续更新~(一起来维护呀!)

Blog

mqyqingfeng/Blog: 冴羽写博客的地方,预计写四个系列:JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。
whinc/blog: whinc 的个人博客
berwin/Blog: 记录成长的过程
xiaoyu2er/blog: 小鱼二的博客, 喜欢的话请点star :D
sihai00/blog: blog
Weiyu-Chen (陈微语)
阅文集团前端团队 的个人主页 - 专栏 - 掘金
justemit/coding-note: 编程知识学习,涉及python、bash、js等语言,主要记录前端知识
阮一峰的个人网站 - Ruan YiFeng's Personal Website
软硬皆施
palmerye/palmerye.github.io: Personal Blog
各大公司的技术博客合集 - 工具资源 - 掘金
分类 | 郭大大的博客
gershonv/my-code-store: 此仓库用来存放博客中使用到的代码、或者一些学习记录的代码
吕大豹 - 博客园
LeuisKen/leuisken.github.io: LeuisKen的个人博客
webfansplz/article: record and share
FrankFang/best-chinese-front-end-blogs: 收集优质的中文前端博客
LiangJunrong/document-library: jsliang 的文档库. 里面包含了所有的前端文章,例如 vue、react,、angular、微信小程序、设计模式等……
eisneim (Eisneim Terry)
sitexa
chyingp/blog: 程序猿小卡的博客
helloqingfeng/Awsome-Front-End-learning-resource: GitHub最全的前端资源汇总仓库(包括前端学习、开发资源、求职面试等)
FENews/FENews.org: http://fenews.org
yygmind/blog: 我是木易杨,网易高级前端工程师,跟着我每周重点攻克一个前端面试重难点。接下来让我带你走进高级前端的世界,在进阶的路上,共勉!
blog/3.md at master · ProtoTeam/blog
YvetteLau/Blog: 【前端进阶】优质博文
张鑫旭的个人主页 » 张鑫旭-鑫空间-鑫生活
前端技术漫游指南 - 知乎
DDFE/DDFE-blog: welcome to DDFE's blog
hve-notes/hve-notes: ✍️一个静态博客写作客户端 (A static blog writing client)
amfe/article
Pines Cheng‘s Blog
fouber/blog: 没事写写文章,喜欢的话请点star,想订阅点watch,千万别fork!
Issues · lifesinger/blog
Issues · tmallfe/tmallfe.github.io
Issues · mqyqingfeng/Blog
Issues · cssmagic/blog
lcxfs1991/blog: leehey's blog -- 请star或者watch
youngwind/blog: 梁少峰的个人博客
senntyou/blogs: 个人博客: Web, 前端, JavaScript, NodeJs, Electron, Babel, Webpack, Rollup, React, Vue ...
wuyawei/fe-code: 🍹🍰 愉快的写代码~(文章合集)
山月行
logan70/Blog: 写博客的地方,觉得有用的给个Star支持一下~

面试

$面试题汇总

yangshun/front-end-interview-handbook: 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore
InterviewMap/CS-Interview-Knowledge-Map: Build the best interview map. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structure, algorithm, etc.
erbing/blog: 前端基础积累 / 新技术 / Vue / React / H5 / 奇怪的BUG / 面试 / 招聘
jirengu/frontend-interview: 前端笔试面试题题库
Jobeir/front-end-interview-preparation-guide: The single source for preparing for a Frontend interview
bcherny/frontend-interview-questions: Answers for https://performancejs.com/post/hde6d32/The-Best-Frontend-JavaScript-Interview-Questions-(Written-by-a-Frontend-Engineer)
CyC2018/Interview-Notebook: 准备秋招学习笔记
InterviewMap/InterviewMap: Build the best interview map. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structure, algorithm, etc.
Advanced-Frontend/Daily-Interview-Question: 我是木易杨,公众号「高级前端进阶」作者,每天搞定一道前端大厂面试题,祝大家天天进步,一年后会看到不一样的自己。
Advanced-Interview-Question/front-end-interview: A list of interview for front-end developer(前端开发者面试清单)
front-end-interview-handbook/javascript-questions.md at master · yangshun/front-end-interview-handbook
shfshanyue/Daily-Question: 每天一道面试题,有关前端,后端,devops以及软技能,促进职业成长,敲开大厂之门。
浪子神剑 的个人主页 - 专栏 - 掘金
2018大厂高级前端面试题汇总 - 掘金
2018年前端面试总结 - 掘金
【半月刊】前端高频面试题及答案汇总 - 掘金
世界顶级公司的前端面试都问些什么 - 掘金
2万5千字大厂面经 | 掘金技术征文 - 掘金
五年面试,三年模拟(题库长期维护) - 掘金
前端面试题总结(js、html、小程序、React、算法、vue 、全栈热门视频资源) - 掘金
前端面试题全面整理-带解析 涵盖(css、js、浏览器、vue、react、移动web、前端性能、算法、node) - 掘金
【2019/09/18】前端面试 - 掘金
【前方高能】新手到高级前端攻城狮都用的上的前端面试题库,备战明年金三银四 - 掘金
10个你在JavaScript面试前需要掌握的概念 - 掘金
JS题目之数组数据拆分重组转成嵌套对象,让脑细胞活跃下 - 掘金
[译] 以面试官的角度来看 React 工作面试 - 掘金
如何通过前端面试 - 掘金
七篇前端面试必考知识点,助你一臂之力 - 掘金
前端面试——网络以及浏览器相关 - 掘金
前端面试——JavaScript - 掘金
前端面试——Vue - 掘金
2019年17道高频React面试题及详解 - 掘金
如何答一道惊艳面试官的数组去重问题? - 掘金
前端面试与进阶指南
涨薪 30 % 以上,看这篇万字干货就行(留言点赞抽奖)
可能是一份最适合你的后端面试指南(部分内容前端同样适用)| 掘金技术征文 - 掘金
看完这几道 JavaScript 面试题,让你与考官对答如流(上) - 掘金
看完这几道 JavaScript 面试题,让你与考官对答如流(中) - 掘金
看完这几道 JavaScript 面试题,让你与考官对答如流(下) - 掘金
qq449245884/xiaozhi
面试常考手写代码学习技巧总结
面试总结:移动web设计与开发

前端面试查漏补缺

前端面试查漏补缺--(一) 防抖和节流 - 掘金
前端面试查漏补缺--(二) 垃圾回收机制 - 掘金
前端面试查漏补缺--(三) 跨域及常见解决办法 - 掘金
前端面试查漏补缺--(四) 前端本地存储 - 掘金
前端面试查漏补缺--(五) 渲染机制及重绘和回流 - 掘金
前端面试查漏补缺--(六) 浏览器缓存 - 掘金
前端面试查漏补缺--(七) XSS攻击与CSRF攻击 - 掘金
前端面试查漏补缺--(八) 前端加密 - 掘金
前端面试查漏补缺--(九) HTTP与HTTPS - 掘金
前端面试查漏补缺--(十) 前端鉴权 - 掘金
前端面试查漏补缺--(十一) 前端软件架构模式MVC/MVP/MVVM - 掘金
前端面试查漏补缺--(十二) 从输入URL到看到页面发生的全过程(含三握手,四挥手详解) - 掘金
前端面试查漏补缺--(十三) 内存泄漏 - 掘金
前端面试查漏补缺--(十四) 算法及排序 - 掘金
前端面试查漏补缺--(十五) Event Loop - 掘金

前端面试题系列

「前端面试题系列1」今日头条 面试题和思路解析 - 掘金
「前端面试题系列2」如何实现一个圣杯布局? - 掘金
「前端面试题系列3」伪类与伪元素的区别及实战 - 掘金
「前端面试题系列4」this的原理以及用法 - 掘金
「前端面试题系列5」ES6 中箭头函数的用法 - 掘金
「前端面试题系列6」理解函数的柯里化 - 掘金
「前端面试题系列7」JavaScript 中的事件机制(从原生到框架) - 掘金
「前端面试题系列8」数组去重(10 种浓缩版) - 掘金

前端面试必备

前端面试必备 | 5000字长文解释千万不能错过的原型操作方法及其模拟实现(原型篇:下)
前端面试必备 | 古怪的原型(鸡生蛋还是蛋生鸡)(原型篇:中)
前端面试必备 | 使用原型和构造函数创建对象(原型篇:上)
前端面试必会 | 一文读懂 JavaScript 中的 this 关键字
面试必备 | 一文读懂现代 JavaScript 中的变量提升 - let、const 和 var
前端面试必会 | 一文读懂 JavaScript 中的闭包
前端面试必会 | 一文读懂 JavaScript 中的作用域和作用域链

前端面试必会

前端面试必会 | 一文读懂 JavaScript 中的作用域和作用域链 - 掘金
前端面试必会 | 一文读懂 JavaScript 中的闭包 - 掘金
前端面试必会 | 一文读懂现代 JavaScript 中的变量提升 - let、const 和 var - 掘金
前端面试必会 | 一文读懂 JavaScript 中的 this 关键字 - 掘金
前端面试必备 | 使用原型和构造函数创建对象(原型篇:上) - 掘金
前端面试必备 | 古怪的原型(鸡生蛋还是蛋生鸡)(原型篇:中) - 掘金
前端面试必备 | 5000字长文解释千万不能错过的原型操作方法及其模拟实现(原型篇:下) - 掘金

LeetCode

力扣(LeetCode)官网 - 全球极客挚爱的技术成长平台
bonfy/leetcode: leetcode刷题 内附leetcode solution代码自动下载生成器(Leetcode solution auto generator)
tangweikun/awesome-leetcode: A collection of awesome leetcode solutions
soulmachine/leetcode: LeetCode题解,151道题完整版

lintcode

LintCode

中国高等教育学生信息网(学信网)
中国学位与研究生教育信息网(学位网)
salomonelli/best-resume-ever: Build fast and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.

¥具体整理集

【前端帮帮忙】

【前端帮帮忙】第1期 聊聊css居中那点事 - 掘金
【前端帮帮忙】第2期 Shadow DOM来了解一下 - 掘金
【前端帮帮忙】第3期 使用CSS的border属性绘制各种几何形状 - 掘金
【前端帮帮忙】第4期 使用纯CSS制作一个开关按钮 - 掘金
【前端帮帮忙】第5期 关于CSS权重,你了解多少? - 掘金
【前端帮帮忙】第6期 移动端使用video标签需要注意的一些问题 - 掘金
【前端帮帮忙】第7期 关于节流(throttle)和防抖(debounce)的理解 - 掘金
【前端帮帮忙】第8期 关于BFC,你需要了解的 - 掘金
【前端帮帮忙】第9期 你可能不知道的CSS隐藏页面元素的方法 - 掘金
【前端帮帮忙】第10期 浅析类数组对象 - 掘金

Javascript学习总结

JavaScript学习总结(一)——JavaScript基础 - 孤傲苍狼 - 博客园
JavaScript学习总结(二)——逻辑Not运算符详解 - 孤傲苍狼 - 博客园
JavaScript学习总结(三)——逻辑And运算符详解 - 孤傲苍狼 - 博客园
JavaScript学习总结(四)——逻辑OR运算符详解 - 孤傲苍狼 - 博客园
JavaScript学习总结(五)——Javascript中==和===的区别 - 孤傲苍狼 - 博客园
JavaScript学习总结(六)——JavaScript判断数据类型总结 - 孤傲苍狼 - 博客园
JavaScript学习总结(七)——JavaScript函数(function) - 孤傲苍狼 - 博客园
JavaScript学习总结(八)——JavaScript数组 - 孤傲苍狼 - 博客园
JavaScript学习总结(九)——Javascript面向(基于)对象编程 - 孤傲苍狼 - 博客园
JavaScript学习总结(十)——this关键字 - 孤傲苍狼 - 博客园
JavaScript学习总结(十一)——Object类详解 - 孤傲苍狼 - 博客园
JavaScript学习总结(十二)——JavaScript编写类 - 孤傲苍狼 - 博客园
JavaScript学习总结(十三)——极简主义法编写JavaScript类 - 孤傲苍狼 - 博客园
JavaScript学习总结(十四)——JavaScript编写类的扩展方法 - 孤傲苍狼 - 博客园
JavaScript学习总结(十五)——Function类 - 孤傲苍狼 - 博客园
JavaScript学习总结(十六)——Javascript闭包(Closure) - 孤傲苍狼 - 博客园
JavaScript学习总结(十七)——Javascript原型链的原理 - 孤傲苍狼 - 博客园
JavaScript学习总结(二十)——Javascript非构造函数的继承 - 孤傲苍狼 - 博客园

JS 基础篇

JS 基础篇(一):创建对象的四种方式 - 掘金
JS 基础篇(二):理解JS原型对象与原型链 - 掘金
JS 基础篇(三):原型继承 - 掘金
JS 基础篇(四):JS中的函数 - 掘金
JS 基础篇(五):JS严格模式 - 掘金
JS 基础篇(六):事件冒泡与捕获 - 掘金
JS 基础篇(七):Undefined与Null的区别 - 掘金
JS 基础篇(八):== 与 === 的区别 - 掘金
JS 基础篇(九):var、let、const的区别 - 掘金
JS 基础篇(十):JS的执行机制Event Loop --- 浏览器篇 - 掘金

JS 应用篇

JS 应用篇(一):JS获取元素的高度 - 掘金
JS 应用篇(二):判断JS数据类型方法介绍 - 掘金
JS 应用篇(三):JS中的遍历函数 - 掘金

原生JS灵魂之问

(建议收藏)原生JS灵魂之问, 请问你能接得住几个?(上) - 掘金
(建议精读)原生JS灵魂之问(中),检验自己是否真的熟悉JavaScript? - 掘金
(2.4w字,建议收藏)😇原生JS灵魂之问(下), 冲刺🚀进阶最后一公里(附个人成长经验分享) - 掘金

前端资源系列

前端资源系列(1)-Git常用命令&设置快捷命令&小工作流 - xzavier - SegmentFault 思否
前端资源系列(2)-SublimeText快捷键大全 - xzavier - SegmentFault 思否
前端资源系列(3)-微信小程序开发资源汇总 - xzavier - SegmentFault 思否
前端资源系列(4)-前端学习资源分享&前端面试资源汇总 - xzavier - SegmentFault 思否
前端资源系列(5)-JavaScript奇味探索 - xzavier - SegmentFault 思否

前端技术演进

前端技术演进:参考文章 - 掘金
前端技术演进(二):前端与协议 - 掘金
前端技术演进(三):前端安全 - 掘金
前端技术演进(四):前端三层结构与应用 - 掘金
前端技术演进(五):现代前端交互框架 - 掘金
前端技术演进(六):前端项目与技术实践 - 掘金
前端技术演进(七):前端跨栈技术 - 掘金
前端技术演进(八):未来前端趋势 - 掘金

学习源码整体架构系列

学习 jQuery 源码整体架构,打造属于自己的 js 类库
学习underscore源码整体架构,打造属于自己的函数式编程类库
学习 lodash 源码整体架构,打造属于自己的函数式编程类库
学习 sentry 源码整体架构,打造属于自己的前端异常监控SDK
学习 vuex 源码整体架构,打造属于自己的状态管理库
学习 axios 源码整体架构,打造属于自己的请求库

前端进阶

进阶-木易杨说

【进阶1-1期】理解JavaScript 中的执行上下文和执行栈 - 掘金
【进阶1-2期】JavaScript深入之执行上下文栈和变量对象 - 掘金
【进阶1-3期】JavaScript深入之内存空间详细图解 - 掘金
【进阶1-4期】JavaScript深入之带你走进内存机制 - 掘金
【进阶1-5期】JavaScript深入之4类常见内存泄漏及如何避免 - 掘金
【进阶2-1期】深入浅出图解作用域链和闭包 - 掘金
【进阶2-2期】JavaScript深入之从作用域链理解闭包 - 掘金
【进阶2-3期】JavaScript深入之闭包面试题解 - 掘金
【进阶3-1期】JavaScript深入之史上最全--5种this绑定全面解析 - 掘金
【进阶3-2期】JavaScript深入之重新认识箭头函数的this - 掘金
【进阶3-3期】深度广度解析 call 和 apply 原理、使用场景及实现 - 掘金
【进阶3-4期】深度解析bind原理、使用场景及模拟实现 - 掘金
【进阶3-5期】深度解析 new 原理及模拟实现 - 掘金
【进阶4-1期】详细解析赋值、浅拷贝和深拷贝的区别 - 掘金
【进阶4-2期】Object.assign 原理及其实现 - 掘金
【进阶4-3期】面试题之如何实现一个深拷贝 - 掘金
【进阶4-4期】Lodash是如何实现深拷贝的 - 掘金
【进阶5-1期】重新认识构造函数、原型和原型链 - 掘金

前端进阶系列

前端进阶系列(第1期):理解JavaScript数据类型 - 掘金
前端进阶系列(第2期):深入理解JavaScript数据类型转换 - 掘金

JavaScript进阶

JavaScript进阶-执行上下文(理解执行上下文一篇就够了) - 掘金
JavaScript进阶-执行上下文栈和变量对象(一周一更) - 掘金
JavaScript进阶-内存空间详解(双十一过后的一更) - 掘金
JavaScript进阶-内存机制(表情包初探) - 掘金
JavaScript进阶-常见内存泄露及如何避免 - 掘金

分享阿里前端p7架构图谱 - 掘金

美团点评2018技术年货

互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队
互联网企业数据安全体系建设 - 美团技术团队

Open Source | DocumentCloud
lmf12/javascript-games: JavaScript 小游戏
[ 逻辑锻炼] 用 JavaScript 做一个小游戏 ——2048 (详解版) - 掘金
成为优秀程序员的101条准则

前端学习资源 & 技术清单

¥收藏集

前端阅读 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
js技术 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
网页设计 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
文章大杂烩 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
库,组件,框架 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
收藏夹 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
新手入门 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
Github 前端收藏夹 - M.M.F 小屋
2020年全网最火最全的前端导航(建议添加为书签) - 掘金
各种资源归档、(React、Vue) 持续更新... - 掘金
请查收,掘金前 1000 篇优质文章 - 掘金
掘金排行前5000大佬 | 掘金文章排行 看这里 - 掘金
掘金总点赞量前 5000 排行发布 | 掘金总关注量前 5000 排行(20190821) - 掘金

¥前端学习资源

fe-store-house/README.md at master · poppinlp/fe-store-house
qianguyihao/Web: 前端入门和进阶学习笔记,超详细的Web前端学习图文教程。从零开始学前端,做一名精致的前端工程师。持续更新...
lanzhsh/react-vue-koa: Vue,React,微信小程序,快应用,TS , Koa, JS一把梭
bpesquet/thejsway: The JavaScript Way book
chenfengyanyu/my-web-accumulation: Jartto's webs laboratory(主要为博客提供 demo 素材)
veedrin/horseshoe: 🍧代号马蹄铁。以专题为单位的学习。目前已发布 { React专题 } { Redux专题 } { Regex专题 }
zenany/weekly: 汇总平时看到的好文章,前端技术 & 产品研发为主...
wxyyxc1992/Web-Series: 现代 Web 开发,现代 Web 开发导论 | 基础篇 | 进阶篇 | 架构优化篇 | React 篇 | Vue 篇
Web-Series/工具化与工程化.md at master · wxyyxc1992/Web-Series
wxyyxc1992/Coder-Roadmap: Interactive MindMap, RoadMap(Learning Path/Interview Questions), xCompass, Weekly for Developer, to Learn Everything in ITCS 程序员的技术视野、知识管理与职业规划,提高个人与团队的研发效能
freeCodeCamp/freeCodeCamp: The https://freeCodeCamp.org open source codebase and curriculum. Learn to code for free together with millions of people.
cachecats/coderiver: 致力于打造全平台全栈精品开源项目,计划做成包含 pc端(Vue、React)、移动H5(Vue、React)、ReactNative混合开发、Android原生、微信小程序、java后端的全平台型全栈项目,欢迎关
webmodules
KieSun/FE-advance-road: 进阶资深前端开发
USTB-musion/fee-skills: 觉得好请点小星星,有问题欢迎交流
jiangxia/FE-Knowledge
fengshi123/blog: 汇总发布的前端博文,大家一起交流学习,如果有帮助到您,欢迎 star ~
通过讲故事搞定前端网络知识 - 掘金
前端2018年精选好文,请打包带走 - 前端 - 掘金
个人分享--web前端学习资源分享 - 掘金
[杂谈]了解一些额外知识,让前端开发锦上添花 - 掘金
2018 前端开发分享 - 掘金
前端常用功能小计(持续更新) - 掘金
技术周刊(2018-11-26 WebSocket) - 掘金
前端技术周刊 2018-12-03:DOM - 掘金
[译] 2018 前端全面回顾 - 掘金
前端学习资源汇总 - 个人文章 - SegmentFault 思否
javascript功能插件大集合,写前端的亲们记得收藏 - 专注WEB前端/微信小程序 - SegmentFault 思否
前端资源整理 - 订阅、工具等 - 张小猪左顾右盼 - SegmentFault 思否
前端技术资讯网站 - StepByStep - SegmentFault 思否
前端导航平台简介 - 个人文章 - SegmentFault 思否
JS代码大全 (都是网上看到 自己整理的) - 城堡没公主 - 博客园
卖菜的前端 · 语雀
史上最全GitHub前端开发集锦 | @Get社区
Robin
pigcan/blog: Here is my blog

前端技术清单

frontend-tech-list

alienzhou/frontend-tech-list: a frontend tech list for developers

Front-End-Performance-Checklist

thedaviddias/Front-End-Performance-Checklist: 🎮 The only Front-End Performance Checklist that runs faster than the others
Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word] — Smashing Magazine

¥CheatSheets

Awesome-CheatSheets/JavaScript-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
ProgrammingLanguage-Series/JavaScript at master · wxyyxc1992/ProgrammingLanguage-Series
Awesome-CheatSheets/DOM-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
Awesome-CheatSheets/CSS-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
Awesome-CheatSheets/React-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
Awesome-CheatSheets/Vue-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
Awesome-CheatSheets/Web/Tuning at master · wxyyxc1992/Awesome-CheatSheets
wxyyxc1992/Awesome-CheatSheets: Ultimate CheatSheets(Tutorials&MindMap), overview of syntax, features and practical tips, collection of useful code snippets, go from zero to hero at fly. 干货满满的全栈开发速学速查手册集锦

自检清单

一名【合格】前端工程师的自检清单 - 掘金
【自检清单】JS基础-变量与类型 - 掘金
【自检清单】JS基础-原型与原型链 - 掘金

Rain120/program-learning-lists: 整理我GitHub所有的star,并分类
KieSun/InterviewMap: Build the best interview map
verekia/js-stack-from-scratch: 🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
chenggang321/JavaScript-note
windiest/Front-end-tutorial: 猫的前端回忆录 Cat's front memory, these share data are from my usual work and learning, hoping to help you, and hoping slowly improve, if you like you can star
ardakaracizmeli/design-system-checklist: An open-source checklist to help you plan, build and grow your design system.
年终回顾,为你汇总一份「前端技术清单」 - 掘金
六月前端知识集锦(每月不可错过的文章集锦) - 掘金
一位前端 2018 绝地求生记 | 掘金年度征文 - 掘金
2019学习学到失恋但是还要继续|2019 与我的技术之路 - 掘金
前端进阶必备,github 优质资源整理分享! - 掘金
入门前端一周年总结-我是如何快速入门前端的知识分享 - 掘金
🚆新手前端不要慌! 给你✊10根救命稻草🍃 - 掘金
2019 前端之路 | 掘金年度征文 - 掘金
『引』最全前端资源汇集 | 晚晴幽草轩
『优质』前端频道汇聚 | 晚晴幽草轩
与时俱进版前端资源教程 | 晚晴幽草轩
『录』最全前端资源汇集 - Percy宣森 - 博客园
Web 开发精华文章集锦(jQuery、HTML5、CSS3)【系列二十七】 - 梦想天空(山边小溪) - 博客园
2019年Web前端最新导航(常见前端框架、前端大牛) - 千古壹号 - 博客园
19年你应该关注这50款前端热门工具(上)
19年你应该关注这50款前端热门工具(中)
19年你应该关注这50款前端热门工具(下)
JAVASCRIPT编入集 - 专题 - 简书
CSS编入集 - 专题 - 简书
Raneto - A free, open, simple Markdown powered Knowledgebase for Nodejs
现代前端开发路线图:从零开始,一步步成为前端工程师_36氪
Awesomes-Web前端开发资源库
真·程序员必修书单 - 掘金

1c7/chinese-independent-developer: 👩🏿‍💻👨🏾‍💻👩🏼‍💻👨🏽‍💻👩🏻‍💻中国独立开发者项目列表 -- 分享大家都在做什么
15款值得开发者一试的最新的前端框架 - 梦想天空(山边小溪) - 博客园
25个创新的仪表板(管理面板)设计示例 - 梦想天空(山边小溪) - 博客园
免费 PSD 下载: 20个精美的登录和注册表单 - 梦想天空(山边小溪) - 博客园
值得 Web 开发人员学习的20个 jQuery 实例教程 - 梦想天空(山边小溪) - 博客园

¥network

staticfile/static: 开放静态文件 - 为开源库提供稳定、快速的免费 CDN 服务
wg689/Solve-App-Store-Review-Problem: a collection to solve app store review problem (ipv6,ipv6被拒绝,后台定位等审核问题的终极解决方案汇总)
Kickball/awesome-selfhosted: This is a list of Free Software network services and web applications which can be hosted locally. Selfhosting is the process of locally hosting and managing applications instead of renting from SaaS providers.
brianlovin/security-checklist: A checklist for staying safe on the internet
julianshapiro/libscore: JavaScript library usage stats.
greatghoul/remote-working: 收集整理远程工作相关的资料
AmazingApps/Amazing-Windows-Apps: 📗Introduce you amazing Windows apps🕶READ ONLINE 👉
Security Checklist

¥normal awesome

SecWiki/sec-chart: 安全思维导图集合
zdhxiong/Material-Design-Chinese: Material Design 指南的中文翻译
资源分享-软件服务
IndrajeetPatil/ggstatsplot: Collection of functions to enhance ggplot2 plots with results from statistical tests.
leereilly/games: A list of popular/awesome videos games, add-ons, maps, etc. hosted on GitHub. Any genre. Any platform. Any engine.
Demos of open web technologies | MDN
Awesome-Coder/MindMap at master · wxyyxc1992/Awesome-Coder
rstacruz/cheatsheets: My cheatsheets
ProtoTeam/blog: 蚂蚁数据体验技术团队的文章仓库
mathiasbynens/small: Smallest possible syntactically valid files of different types
mhinz/vim-galore: All things Vim!
UML类图几种关系的总结 - CSDN博客

¥机器学习 & 人工智能

algorithm-visualizer

algorithm-visualizer/algorithm-visualizer: Interactive Online Platform that Visualizes Algorithms from Code
Algorithm Visualizer

johnny-five

rwaldron/johnny-five: JavaScript Robotics and IoT programming framework, developed at Bocoup.
Johnny-Five: The JavaScript Robotics & IoT Platform

machine-learning-yearning-cn

ml5-library

ml5js/ml5-library: Friendly machine learning for the web! 🤖
ml5js · Friendly Machine Learning For The Web.

predictionio

Welcome to Apache PredictionIO®!
apache/predictionio: PredictionIO, a machine learning server for developers and ML engineers. Built on Apache Spark, HBase and Spray.

RecommenderSystem-Paper

daicoolb/RecommenderSystem-Paper: This repository includes some papers that I have read or which I think may be very interesting.

fengdu78/Coursera-ML-AndrewNg-Notes: 吴恩达老师的机器学习课程个人笔记
guess-js/guess: Libraries & tools for enabling Machine Learning driven user-experiences on the web
fengdu78/deeplearning_ai_books: deeplearning.ai(吴恩达老师的深度学习课程笔记及资源)
imhuay/Algorithm_Interview_Notes-Chinese: 2018/2019/校招/春招/秋招/算法/机器学习(Machine Learning)/深度学习(Deep Learning)/自然语言处理(NLP)/C/C++/Python/面试笔记
GeekLiB/Lee-VR-Source: VR developers necessary resources(VR 开发者必备资源汇总)

¥计算机

awesome

sindresorhus/awesome: Curated list of awesome lists
xingshaocheng/architect-awesome: 后端架构师技术图谱
serhii-londar/open-source-mac-os-apps: 🚀 Awesome list of open source applications for macOS.
jaywcjlove/awesome-mac:  This repo is a collection of awesome Mac applications and tools for developers and designers.
Awesome-Windows/Awesome: An awesome & curated list of best applications and tools for Windows.
1c7/Crash-Course-Computer-Science-Chinese: 计算机速成课 | Crash Course 字幕组 (全40集 2018-5-1 精校完成)
【英】专业编程资源 - 前端 - 掘金
程序员不得不了解的硬核知识大全 - 掘金

project-based-learning

tuvtran/project-based-learning: Curated list of project-based tutorials

simple_os_book

chyyuu/simple_os_book: simple os book

pim-book/programmers-introduction-to-mathematics: Code for A Programmer's Introduction to Mathematics
davideuler/architecture.of.internet-product: 互联网公司技术架构,微信/淘宝/微博/腾讯/阿里/美团点评/百度/Google/Facebook/Amazon/eBay的架构,欢迎PR补充
EZLippi/practical-programming-books: 这里收录比较实用的计算机相关技术书籍,可以在短期之内入门的简单实用教程、一些技术网站以及一些写的比较好的博文,欢迎Fork,你也可以通过Pull Request参与编
查看端口被占用的情况以及如何解除端口占用 - langqiao123的专栏 - CSDN博客
yszhao91/xtorcga: CGA 3D 计算几何算法库 | 3D Compute Geometry Algorithm Library

黑客hack

jwx0539/hackingLibrary: ‪APT,‬ ‪Cyber warfare,‬ ‪Penetration testing,‬ ‪Zero-day,Exploiting,‬ ‪Spyware,Malwares evade anti-virus detection,‬ ‪Rookit CYPTER,‬ ‪Antiviruses Bypassing-av,‬ ‪WORMS,Sandbox-Escape,‬ ‪Memory-injection,‬ ‪Ethical,Gray,White,RedTeam‬...

¥作品

CSS3网站作品

全球酷站秀:15个顶尖的 CSS3 网站作品 - 梦想天空(山边小溪) - 博客园

个人作品网站

国外酷站设计:10个漂亮的个人作品网站 - 梦想天空(山边小溪) - 博客园
lvqq/Demos: repository for my demo pages

纹理在网页设计中的示例

优秀设计:纹理在网页设计中的20个应用示例 - 梦想天空(山边小溪) - 博客园
使用一个纹理贴图集 - 《Pixi教程》 - 书栈网(BookStack.CN)

复古怀旧风格的网站作品

另类网页设计:30个复古怀旧风格的网站作品 - 梦想天空(山边小溪) - 博客园

那些所倚靠的利器记载 | 晚晴幽草轩
xitu/gold-miner: 🥇掘金翻译计划,可能是世界最大最好的英译中技术社区,最懂读者和译者的翻译平台:
25个精美的个人作品集网站,激发灵感 - 梦想天空(山边小溪) - 博客园
9个项目助你在2020年成为前端大神!
前端进阶必备的七个开源项目!(必看)

论坛&博客&社区

程序员如何优雅的挣零花钱

程序员兼职

国内可以为程序员提供兼职的平台有哪些? - zp596861100的博客 - CSDN博客
自由职客-IT技术,中国自由职客灵活用工交易平台_自由职客
兼职程序员_兼职工程师_工程师|程序员兼职平台-猿急送
程序员远程工作-程序员兼职-技术问答-组建团队-IT镖局
erp管理系统-软件app制作开发公司-微信小程序开发-网站制作建设公司-安卓android开发-米鼠网
程序员客栈-领先的程序员自由工作平台
码市 - 互联网软件外包服务平台
比teamviewer更屌的远程软件,程序员莫错过 - u011277123的博客 - CSDN博客
程序员兼职招聘信息-兼职吧
快码 - 软件开发,就找快码!认准域名Kuai.ma
Toppro - 按需雇佣顶尖专业人才
实现网 - 按需雇佣 BAT 工程师、设计师
开源众包-百万开发者,为您提供专业的软件开发服务

easychen/howto-make-more-money: 程序员如何优雅的挣零花钱

withspectrum/spectrum: Simple, powerful online communities.
Wis Chu
web前端 - IT610.com
图灵社区
码云 - 开源中国
前端网址导航 - WHYCSS
百度前端技术学院
中国大学MOOC(慕课)_最好的在线课程学习平台
网易云课堂 - 领先的实用技能学习平台
协议分析网
慕课网
前端网(QDFuns) WEB前端开发工程师专业网站,一站式服务平台!
Stack Overflow - Where Developers Learn, Share, & Build Careers
智能社论坛-专业 专注 分享
草依山的Javascript世界
李成银的博客
微人类
V2EX
Edit fiddle - JSFiddle
郭大大的博客
Learn, Code and Share on Tutorialzine
Spectrum
Open Hub, the open source network
无忧脚本 - Powered by Discuz!
CodeProject - For those who code
SourceForge - Download, Develop and Publish Free Open Source Software
ITPUB技术论坛_中国专业的IT技术社区
CodePlex Archive
将社交网络交还予你 - The Mastodon Project
首页 | 技术胖-胜洪宇关注web前端技术-前端免费视频第一博客
找不到相关内容 - InfoQ
OSCHINA - 中文开源技术交流社区
资源列表_良许的个人网站
仪表盘 ‹ 良许的个人网站 — WordPress
EFE Tech - 百度EFE(Excellent FrontEnd)技术体系
Baidu
[译]如何撰写精彩的技术博客文章 - 掘金

Hand

hmap-cloud-develop / hmap_front · GitLab
海马汇 项目实施文档 - 四海文档
SAP中文学习网
汉得考试系统
SAP 表汇总---JOI---ChinaUnix博客

C#

.NET Design Patterns in C# and VB.NET - Gang of Four (GOF) - doFactory.com
C# Corner - A Social Community of Developers and Programmers
ASP.NET Documentation | Microsoft Docs
pinvoke.net: the interop wiki!
“抢火车票,红包技术” - 博文 - Catalina

Java

interviews

crossoverJie/JCSprout: 👨‍🎓 Java Core Sprout : basic, concurrent, algorithm
kdn251/interviews: Everything you need to know to get the job.
Snailclimb/JavaGuide: 【Java学习+面试指南】 一份涵盖大部分Java程序员所需要掌握的核心知识。

JVM

Java虚拟机(一):JVM简介 - 朝雨忆轻尘 - 博客园
Java虚拟机(二):JVM内存模型 - 朝雨忆轻尘 - 博客园
Java虚拟机(三):JVM垃圾回收机制 - 朝雨忆轻尘 - 博客园
Java虚拟机(四):JVM类加载机制 - 朝雨忆轻尘 - 博客园
Java虚拟机(五):JVM调优命令 - 朝雨忆轻尘 - 博客园
Java虚拟机(六):JVM调优工具 - 朝雨忆轻尘 - 博客园
Java虚拟机(七):JVM调优案列 - 朝雨忆轻尘 - 博客园

libs & plugins

公历 & 农历 & 工作日

oyyq99999/ChineseLunarCalendar: 用天文算法计算农历
heqiao2010/LunarCalendar: A Java implementation of Chinese lunar calendar. 中国农历的Java实现(一个Java类不到1000行,不依赖任何第三方库)。
Houlik/hllunar: 公历 - 农历
jinAldrich/PureLunarCalendar: 农历计算类 农历计算的算法,来源于:http://sean.o4u.com/ap/calendar/,具体的代码基本与来源处的 javascript 相同,差不多只是语言上的转换而已。
sunshinelyz/mykit-holiday: 纯算法可以获取到1900-2100年之间任意日期的详细信息,包括:节日、是否闰年和闰月、公历和农历、对应的二十四节气以及天干地支信息等。
iceenongli/iceworkday: iceworkday工作日算法 工作日算法又称节假日算法。 由于工作日计算涉及农历节气等,而农历算法本身就是非常复杂的,所以工作日算法非常的复杂 。 该算法解决了工作日的计
RidgeSTD/Nextdate-AndroidVersion: 软件质量测试作业。输入1900-2100年之间的一个公历日期,显示第二天的公历与农历信息。
firer1946/LunarExchangeSolar: 农历和阳历的互相转换
经过完整测试的农历-公历相互转换 - meizhitu的个人空间 - OSCHINA
quan930/Calendar: Calendar类,农历
loonggg/LunarCalendar: 日历转农历
folous/LunarUtils: 工具类,通过查表法实现公农历互转
keyliwen/lunar: 农历

projects

attemper

attemper/attemper: Distributed,multi-tenancy,job-flow scheduling application(分布式多租户的支持流程编排的任务调度平台)
vue-cron-generator:基于Vue&Element-UI构建的在线Cron表达式生成器 - 掘金

Spring Boot & Spring Cloud

ch-zgh-1993/vue-springBoot: 相对简洁的 vue + springBoot, 在一个项目中书写,并且部署不需拷贝文件。在 springboot 中写 vue项目,build 后产生的资源,直接供 springboot项目运行和打包使用。打包时不夹带 v
Spring Boot 教程 - 朝雨忆轻尘 - 博客园
Spring Cloud 教程 - 朝雨忆轻尘 - 博客园

Tools

hutool

looly/hutool: A set of tools that keep Java sweet.
Hutool — A set of tools that keep Java sweet.

mysql

MySQL
MySQL5.5安装教程 - 代码根 - 博客园
MySQL :: Download MySQL Community Server
mysql 安装图解 mysql图文安装教程(详细说明) - whaben - 博客园
将数据库结构修改提交到生产环境下数据库 - LEON的博客 - CSDN博客

Navicat for MySQL

Navicat for MySQL64位破解版(附注册码)_Navicat for MySQL 11.2中文版-PC下载网
Navicat for MySQL下载、安装和配置
Navicat for MySQL 安装和破解(完美) - 一次次尝试 - CSDN博客
MySQL相关文件包-CSDN下载

Redis

Redis笔记(一):Redis安装教程 - 朝雨忆轻尘 - 博客园
Redis笔记(二):Redis数据类型 - 朝雨忆轻尘 - 博客园
Redis笔记(三):Redis常用命令 - 朝雨忆轻尘 - 博客园
Redis笔记(四):Redis事务支持 - 朝雨忆轻尘 - 博客园
Redis笔记(五):Redis发布订阅 - 朝雨忆轻尘 - 博客园
Redis笔记(六):Java中使用Redis - 朝雨忆轻尘 - 博客园
Redis笔记(七):Redis应用场景 - 朝雨忆轻尘 - 博客园
uglide/RedisDesktopManager: Cross-platform GUI management tool for Redis

Tomcat

Tomcat zip 与exe版的问题-CSDN论坛
apache-tomcat-8.0.35-windows-x64.zip安装与配置 - 生活没有Backspace - 博客园
tomcat安装版和解压版的区别,安装与配置 - zhuang - ITeye博客
安装tomcat的两种方法(安装版与解压版)_百度经验

分享一下我的三个代码自动生成工具类--助你解放双手 - 掘金
深度开源 - Java开源大全,开源信息发掘、分享、交流
Oracle | Integrated Cloud Applications and Platform Services
Oracle Java Archive | Oracle Technology Network | Oracle
Java SE - Downloads | Oracle Technology Network | Oracle
Java Archive Downloads - Java SE 8

Token

JWT

auth0/java-jwt: Java implementation of JSON Web Token (JWT)
ScienJus/spring-authorization-manager-demo: https://github.com/ScienJus/spring-authorization-manager 的Demo
shybbq/spring-authorization-demo: spring安全验证之jwt
JSON Web Tokens - jwt.io
jwtk/jjwt: Java JWT: JSON Web Token for Java and Android
JSON Web Token Introduction - jwt.io
How to Create and verify JWTs in Java
JSON Web Token - 在Web应用间安全地传递信息 - 回田园
基于 Token 的身份验证:JSON Web Token(附:Node.js 项目) - 宁皓网
5 Easy Steps to Understanding JSON Web Tokens (JWT)

aurad

AuroraDAO/aurad: Staking software for the AURA token
Aurora: Decentralized Finance and Cryptobanking

基于 Token 的身份验证和实践 – 不静之心
基于Token的WEB后台认证机制 - 红心李 - 博客园
彻底理解cookie,session,token - 踏破铁鞋无觅处的个人空间 - 开源中国
基于 Token 的身份验证 - 516843761 - CSDN博客
第二十章 无状态Web应用集成——《跟我学Shiro》 - 《亿级流量网站架构核心技术》~ - ITeye博客

整理集

Vue + Element UI 实现权限管理系统 前端篇

Vue + Element UI 实现权限管理系统 前端篇(一):搭建开发环境 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(二):Vue + Element 案例 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(三):工具模块封装 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(四):优化登录流程 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(五):国际化实现 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(六):更换皮肤主题 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(七):功能组件封装 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(八):管理应用状态 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(九):接口格式定义 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十):动态加载菜单 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十一):第三方图标库 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十二):用户管理模块 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十三):页面权限控制 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十四):菜单功能实现 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十五):嵌套外部网页 - 朝雨忆轻尘 - 博客园
Vue + Element UI 实现权限管理系统 前端篇(十六):系统备份还原 - 朝雨忆轻尘 - 博客园

Spring Boot + Spring Cloud 实现权限管理系统 后端篇

Spring Boot + Spring Cloud 实现权限管理系统 后端篇(一):Kitty 系统介绍 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二):数据库设计 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(三):搭建开发环境 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(四):集成 MyBatis 框架 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(五):模块化切分 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(六):集成 Swagger API - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(七):集成 Druid 数据源 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(八):MyBatis分页功能实现 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(九):代码整理优化 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十):接口服务整理 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十一):集成 Shiro 框架 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十二):解决跨域问题 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十三):系统备份还原 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十四):项目打包部署 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十五):系统服务监控 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十六):容器部署项目 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十七):登录验证码实现(Captcha) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十八):注册中心(Spring Cloud Consul) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十九):服务消费(Ribbon、Feign) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十):服务熔断(Hystrix、Turbine) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十一):服务网关(Zuul) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十二):链路追踪(Sleuth、Zipkin) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十三):配置中心(Config、Bus) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十四):权限控制(Shiro 注解) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十五):Spring Security 版本 - 朝雨忆轻尘 - 博客园

Spring Boot + Spring Cloud 构建微服务系统

Spring Boot + Spring Cloud 构建微服务系统(一):服务注册和发现(Consul) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(二):服务消费和负载(Ribbon) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(三):服务消费和负载(Feign) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(四):容错机制和熔断(Hystrix) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(五):熔断监控面板(Hystrix Dashboard) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(六):熔断监控集群(Turbine) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(七):API服务网关(Zuul) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(八):分布式链路追踪(Sleuth、Zipkin) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(九):配置中心(Spring Cloud Config) - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统(十):配置中心(Spring Cloud Bus) - 朝雨忆轻尘 - 博客园

我的java问题排查工具单-博客-云栖社区-阿里云
一文了解十大 Java 开发者必备测试框架!
kakuilan/china_area_mysql: 中国5级行政区域mysql库
Maven安装与配置 - 光焱 - 博客园
2018-05-17 架构师技能图谱,搞懂这些找工作无敌 - 简书
siki学院的个人空间 - 哔哩哔哩 ( ゜- ゜)つロ 乾杯~ Bilibili
Java知识分享网-免费Java资源下载

【名师课堂】Java零基础入门 - 阿里云大学 - 官方网站,云生态下的创新人才工场
【名师课堂】Java面向对象开发 - 阿里云大学 - 官方网站,云生态下的创新人才工场
《尚学堂科技.马士兵.JAVA集视频教程14年11月20日更新》 - VeryCD电驴大全
JDK-9的安装与环境变量配置 - CSDN博客
使用springMVC实现文件上传和下载之环境配置与上传 - CSDN博客
Java 开发环境搭建 - 简书
MYSQL问题解决方案:Access denied for user 'root'@'localhost' (using password:YES) - skywalker_leo的专栏 - CSDN博客
SSM框架——详细整合教程(Spring+SpringMVC+MyBatis) - 酷玩时刻 - 博客园

Python

Python libs

jorgebastida/awslogs: AWS CloudWatch logs for Humans™
baidu/CUP: CUP, common useful python-lib. (Currently, Most popular python lib in baidu)
Supervisor/supervisor: Supervisor process control system for UNIX

awesome-python-applications

mahmoud/awesome-python-applications: 💿 Free software that works great, and also happens to be open-source Python.

taizilongxu/interview_python: 关于Python的面试题
facert/awesome-spider: 爬虫集合
Download Python | Python.org
jackfrued/Python-100-Days: Python - 100天从新手到大师
agermanidis/livepython: Visually trace Python code in real-time.
python获取当前文件路径以及父文件路径 - yyy430的博客 - CSDN博客
python获取当前文件路径以及父文件路径 - lucky_zhang - 博客园
python获取文件的绝对路径 - S-H_A-N - CSDN博客
利用 Python 破解 ZIP 或 RAR 文件密码 - 掘金

PHP

VIM

ranger

ranger/ranger: A VIM-inspired filemanager for the console

welcome home : vim online
人人都会Vim - 掘金

other Lang

skip

skiplang/skip: A programming language to skip the things you have already computed
skip · A programming language to skip the things you have already computed

DeathKing/yast-cn: 《Scheme入门教程》,Takafumi Shido 著,Yet Scheme Another Tutorial中译版。

$VPN

MonoCloud
getlantern/forum: 蓝灯(Lantern)官方论坛
getlantern/lantern: 🔴蓝灯最新版本下载 https://github.com/getlantern/download 🔴 Lantern Latest Download https://github.com/getlantern/download 🔴

$运维

OpenSA

leoiceo/OpenSA: 资产管理、资产采集、灰度发布、反向代理、批量任务、任务编排、计划任务、日志审计、权限管理、角色管理、部门管理、运维自动化
Login Page

【新提醒】技术宅社区-有爱,有技术,有你^_^)y
static.youku.com/v1.0.0676/v/swf/loader.swf?VideoIDS=XMjA0MTczMDY4&winType=BDskin&embedid=NjEuNTAuMTA1LjYCNTEwNDMyNjcCAg%3D%3D&wd=&partnerid=0edbfd2e4fc91b72&vext=pid%253D0edbfd2e4fc91b72%2526emb%253DNjEuNTAuMTA1LjYCNTEwNDMyNjcCAg%253D%253D%2526bc%253D%25
百度游戏-三国杀Online-百度一区
105个软件测试工具大放送_IT新闻_博客园
Board Game Arena: 挑选你最喜爱的游戏在线上游玩 • Board Game Arena
遊戲列表 • Board Game Arena

G1

Funny Websites

World War One Color Photos - World War One Color Photos
Pantless
Pin-ups | Pin-up Girls in Art & Photography
John Holcroft Illustrator www.johnholcroft.com
CartoonStock - Cartoon Humor, Political Cartoons, Comics, Illustrations
表情制作--爱斗图-斗图吧斗图神器官网,逗逼网在线免费生成各种搞笑逗比斗图表情头像,暴走斗图大会金馆长专用在线表情生器
Find
UPUP 拍立得 - Haniboi

设计素材

千库网-免费png图片背景素材库588ku.com
图鱼 - 好用的网页PS设计底纹背景图片纹理素材网站
SDC设计师网址导航 - 学设计从这里开始!
GIF格式素材-图片下载分类-www.websbook.com
::设计路上::酷站收藏大全,酷站欣赏,韩国网站欣赏,欧美网站,国内网站欣赏,设计欣赏,网页设计,网站建设,平面设计,韩国矢量素材下载
Ps字体下载大全_Ps教程大全_Ps123.Net
在线图像处理工具-最好用的图片处理软件,照片处理工具
SOOGIF - GIF搜索_可能是最懂你的GIF动图中文搜索平台_魔性野表情发源地
艺术字体在线生成器 艺术字转换器
花瓣网_陪你做生活的设计师(发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品等)
大图网 - 影楼素材,PSD素材,矢量素材,高清图片素材,高品质设计素材共享
我图网,提供图片素材及模板下载,专注正版设计作品交易
站酷 (ZCOOL) - 设计师互动平台
思缘论坛 平面设计,Photoshop,PSD,矢量,模板,打造最好的素材和设计论坛
中国色 - 中国传统颜色
UICloud | User Interface Design Search Engine, UI, UX, GUI, Inspiration, Resources, Elements, User Experience, Free Downloads, Freebies
图标搜索引擎 - 下载475450个免费图标, PNG图标, 网页图标
Free Photoshop Brushes, Photoshop Patterns and Textures | Fbrushes
Wikimedia Commons
NicePic - 每天都有新图片
Free Online OCR - convert scanned PDF and images to Word, JPEG to Word
配色网-致力色彩搭配方案的交流与学习
配色工具-设定控
美图秀秀网页版 官方网站_在线制作图片及图片处理工具
有哪些 PS 素材质量较高的的网站? - Adobe Photoshop - 知乎
Sketch - Professional Digital Design for Mac

微信文章取题

高阅读量文章的标题怎么取?14种爆文模板直接给你!
打造爆款文章之取标题15招
(干货)文案创作的七个步骤 - 今日头条(www.toutiao.com)
(2 条消息) 如何给公众账号推送的文章、微信文章起个好名字、取个好标题? - 知乎

微信公众平台

微信公众平台
凡科公众号助手,专业化微信公众号推广平台
新媒体管家 - 首页
微信群,微信红包群,微信群大全,微信群二维码发布与分享!
微信朋友圈与公众号营销的100个小技巧-运营喵
什么样的微信公众号文章排版称得上美观? - 微信公众平台号 - 知乎
如何排版微信公众平台的文章? - 微信公众账号运营 - 知乎
小程序商店 | 知晓程序

神器网站(PDF、图片、流程图等)

Smallpdf.com – 您所有PDF问题的免费解决方案
免费在线文件转换器 - 免费在线转换视频,音频,图形,文档和压缩格式.
PA口袋动画官网
口袋动画,PPT动画,UI设计 -口袋知识网
幕布 - 思维概要整理工具
在线图片优化器
iLoveIMG | 图像文件在线编辑工具
Animated GIF editor and GIF maker
字体转换器在线转换 艺术字体在线生成
微微在线二维码生成器
PPT美化大师-不会做PPT,也能做好PPT-PPT模版|PPT图示|PPT素材|PPT形状|PPT画册|图片素材
Nordri Tools——让PPT变得简单起来

分析研究报告

199IT互联网数据中心 | 199IT–发现数据的价值。 | 中文互联网数据研究资讯中心-199IT
艾瑞咨询-生活梦想 科技承载
慧博投研资讯,迈博汇金,中国最大的投资研究报告数据平台,慧博,慧博投研资讯,迈博汇金资讯,迈博资讯,专业金融信息服务网站,第一时间提供海量证券研究报告,股票研究报告,券商研究报告,行业
财华社_财华网_财华智库网_财华中国网
研究报告(report)_股吧_金融界爱股
【机构研究报告交流区】 - 理想论坛 中国人气最旺的股票论坛
股票价值分析报告网_提供上市公司个股调研报告|宏观经济研究报告|行业研究报告等分析资料下载
行业研究报告 海风股票论坛
首页-阿里研究院
IT桔子报告
个推行业报告
首页-腾讯研究院
腾讯移动分析|免费移动应用APP统计| H5统计|渠道统计|用户画像
DCCI互联网数据中心 洞察网络
国家数据
中国互联网络信息中心
中华人民共和国国家统计局>>中国统计年鉴
百度预测-大数据 知天下
搜狗学术
PPT加演示录制,控制和分享—PPT+音频内容分享平台
数据分析网-大数据资讯、观点、技术研究中心
产品经理数据分析, 增长黑客学习网站,教程免费下载 - GrowingIO 官方博客
搜索结果 数据嗨客-数据分析网

运营工具

社群营销解决方案_社群管理_社群运营工具_打造社群经济 - 孤鹿(Group+)
表单大师,简单好用的数据收集、管理和分析平台
石墨 - 可多人实时协作的云端文档和表格
有哪些值得推荐的数据可视化工具? - 商业 - 知乎
诸葛io-精细化数据分析工具,移动应用分析,移动用户行为分析,数据运营
秀米首页 - 秀米 XIUMI
BenVista - Enlarge images and increase photo resolution at high quality using PhotoZoom Pro 7 with S-Spline interpolation technology
使用FILEminimizer Suite压缩PowerPoint,优化Word,Excel,PDF,图像和照片
PPT Minimizer 4.0 - 下载
PPT遥控器
Online PDF Converter - Create, edit and merge PDF - Unlock PDF and remove protection - Free
Inpaint photo restoration software - remove elements from your photos
收趣云书签 - 我的云端收藏夹,稍后阅读神器
秒速5厘米 - 图片托管服务
搜狗微信搜索_订阅号及文章内容独家收录,一搜即达

Google

如何用好 Google 等搜索引擎? - Google 搜索 - 知乎
Google 学术搜索
谷歌搜索
Google日本
Chrome 网上应用店 - 应用
应用
Google 翻译
维基百科,自由的百科全书
墙外网址导航-墙外楼
墙外楼阅读器 - Google Play 上的 Andr​​oid 应用
txthinking/google-hosts: Google hosts generator
zxdrive/imouto.host: 为你而战,哥哥大人。
Hosts-Google hosts大全|修改hosts文件访问谷歌、youtube、twitter、facebook等,2017最新hosts
Chrome插件(谷歌浏览器插件) - 提供Chrome商店中优秀的Chrome插件推荐与下载服务
Web项目聚集地
解决“只能通过Chrome网上应用商店安装该程序”的方法 - Chrome插件(谷歌浏览器插件)
优秀Chrome插件推荐,好用常用实用的Chrome插件推荐分享下载 - Chrome插件网
扩展迷 - Chrome扩展与插件离线安装包商店
Google帐号
apiPost拓展 - Chrome 网上应用店
JSON Viewer - Chrome 网上应用店
JSON Formatter - Chrome 网上应用店
Google Keep

磁力链接

RunBT - 磁力搜索_BT搜索_磁力链接_种子搜索
BT樱桃 - 磁力链接搜索引擎
BT磁力链 - 最好用的磁力链接搜索引擎
搜云盘

设计

韩都衣舍(HSTYLE)创意赠品设计大赛-礼品设计-猪八戒网
威客-创意,一品威客网,中国专业威客网站
PS教程:打造一个岩浆特效字体
AI+PS制作立体文字效果_平面设计_原创经验分享 - Powered By 站酷(ZCOOL)
中文字体设计养成_平面设计_原创经验分享 - Powered By 站酷(ZCOOL)
首页-宝晶缘☆天然水晶直营店☆东海厂家+实体+批发+零售-- 淘宝网
不一样的淘宝 淘宝万向城 - 顽兔
????, ??? ?? ??? ???
首页-蜂献旗舰店-- 天猫Tmall.com
九月会员活动专题 by 罐头鱼_交互设计_网页设计_原创设计作品频道 - Powered By 站酷(ZCOOL)
上百种国外优秀logo设计欣赏大合集②&nbsp;&nbsp;喜爱logo设计的不要错过佳作哦~&nbsp;_平面设计_标志设计_佳作欣赏 - Powered By 凌晨叁點_站酷(ZCOOL)
在线书法字典 王羲之书法字典下载 中国书法字典网 书法迷
?? - ???? No.1 ???? ??!
清仓特价 KOJI 益若翼Dolly Wink透明梗 假睫毛 No5 2对 附胶水-淘宝网
平面_广告_工业设计的采集 - 花瓣网
PSD网页模板-PSD素材-素材中国一流素材网
UI素材大夹子 - 满不拿拿 - 花瓣画板
Dribbble - Popular
Online Portfolios on Behance
碎碎念_秀作品_蒋小咏主页_我的联盟
优设(UISDC)_ 优秀网页设计联盟-SDC-听讲座,聊设计,在这里
设计素材 - 设计帝国
Browsing Design Challenges on deviantART
New fonts _ dafont.com
2009PSD分层图库第2版(共15DVD)免费下载 - 专题系列 - 设计帝国
中国素材网!是全国最大最好的素材类网站,速度很快,内容很多!
素材天下
笔秀网素材中国-海纳素材图片网站资源-集中国素材网站之大成 - 笔秀网
牛图库素材网-素材中国-素材天下-矢量图,psd素材,高清图片,flash素材免费下载
生活_时尚酷站欣赏 生活_时尚网站欣赏__设计路上__酷站收藏大全,酷站欣赏,韩国网站欣赏,欧美网站,国内网站欣赏,设计欣赏,网页设计,网站建设,平面设计,韩国矢量素材下载
___欧美日韩酷站欣赏_漂亮时尚网页界面设计欣赏_酷站模板下载收藏_优秀企业公司网站欣赏--欧莱凯酷站欣赏
设计素材下载 - Powered By 站酷(ZCOOL)
UI设计--顶尖创意--顶尖设计
中文字体下载_字体下载大宝库(第6页)_Font.knowsky.com
E网素材库(www.web07.cn),PSD素材免费下载,矢量图,矢量素材下载,矢量素材库,矢量图库,免费矢量素材下载,矢量图片下载,高清矢量素材,免费PSD下载,PS笔刷下载
素材列表-视觉中国下吧
视觉中国下吧 - 我的下吧首页
Surreal Fantasy Photomanipulation _ MyInkBlog
Think Design _ Graphic Design Freebies, Resources, and Inspiration.
创意天地
Welcome to Cilantro
素材资源 - 中国教程网
PSD book by ~TLMedia on deviantART
Skout&trade; &bull; resources + for designers + by designers
ArchGo! 世界优秀建筑到您的桌面
http___www.penshow.cn_download.php_id=64133
我的联盟_网页设计师联盟
网页设计师联盟--国内网页设计综合门户
Free PSD, CSS Snippets and resources for web designers | Freebiesbug
Themes | dafont.com
Launch Your Stunning Site | Wix.com
Wix Free Website Builder | Wix.com
背景纹理素材网站
Premium & Free Design and Web Resources | Pixeden
英文字体 ,英文字体下载,英文字体下载大全-font.chinaz.com
Typography Served :: Gallery
设计师网址导航_学设计从这里开始!
疑 心 病 。-人像摄影-作品展示-POCO摄影社区-POCO.CN 我的照片 我的空间
专题页设计技巧浅析
推荐!40个设计师必备的资源网站
Creattica
平面素材库下载 - 数码资源网
UEDFans-UED网址导航-设计-UI-UX
12 New Photoshop Tools
PSD原文件_PSD分层素材_psd源文件 -创意素材库
黄蜂网-网页设计、手机界面设计灵感地
???? ?? ??? C&C ?????
101个鲜为人知的超实用网站
饕餮盛宴:36个美食餐饮类网站创意设计
Best wallpapers / Wallbase.cc
::? GDWEB 2013 ?
IVAN TEJERO G. Creative Graphic Designer
Lost Type Co-op | Browse Fonts
Fonts2u.com
★优秀banner★ - 4|1/2 - 花瓣画板
宝贝描述 - douweiwei - 花瓣画板
网络广告设计,flash网络广告欣赏第 8 页_黄蜂网
Dijean
乐天超市购物网站海报设计欣赏0119 - 4|1/2采集到★优秀banner★ - 花瓣
商城店铺体验设计组织 | 商城店铺体验设计组织
华丽丽随机晶格化背景[如何转换学习技巧(一)] by Graye - 设计经验分享 - 站酷网(ZCOOL)
一月 | 2013 | 微博UDC
Handpicked free fonts for graphic designers with commercial-use licenses. | Font Squirrel
秀作品_王敏主页_我的联盟
爱果果 &raquo; 好闺蜜?誓一起
re:vision
87time&nbsp;C4D基础实例入门教程&nbsp;01 by 87time - 设计经验分享 - 站酷网(ZCOOL)
C4D&PS制作三维字母插图,蓝色性格翻译制作 by 蓝色性格 - 设计经验分享 - 站酷网(ZCOOL)
UI 设计的采集 - 花瓣网
太原网站建设,山西网站建设,平面设计,友特邦网络-首页
专题活动1307
From up North - High quality design inspiration
泡沫_O(&cap;_&cap;)O采集到专题设计
UI设计_软件界面设计欣赏_后台界面-UI制造者-专注UI界面设计
在线印章制作,DIY印章,个性印章制作,在线电子印章制作,在线公司刻章 - 随便吧在线制作平台
Design lol 全球设计精华分享&nbsp;|&nbsp;为设计欢呼
waplez
致设计-中国最大的电商设计师交流平台-交流社区
Web Design Blog, Tutorials and Inspiration | Web Design Ledger
CHINAUI优艾网-中国人机界面设计门户网站
UI设计_分享以用户体验为中心的设计 | 盒子UI
爱设计|美图欣赏|网购时尚分享|网站设计欣赏|网站界面设计-爱设计网
HTML我帮您 网罗精品软件、网站源码、JQUERY、ExtJs、PSD、页面特效、HTML5学习网站、CSS3特效大全、CSS3学习网站,网罗一切免费web资源分享给大家!
中国专业素材网,素材天下网,素材中国下载网 - 素材公社 tooopen.com
牛图库-素材中国-素材天下-中国素材网-免费素材网-图片素材网-素材网
设计师网址大全_爱设计|美图欣赏|网购时尚分享|网站设计欣赏|网站界面设计-爱设计网
中国素材网_素材天下_素材中国_站长素材_素材网_免费图片素材下载_找素材网
懒人图库 - 矢量图,网页素材下载 - 学会偷懒,懒出境界!
psd-素材免费下载-psd素材-psd文件用什么打开

GitHub
Twitter —— 聚焦当下。
智康营销信息化--活动列表
e学堂-学生的好帮手
课程 - 邢帅教育
北京SEO公司_SEO顾问_SEO外包服务_【方法SEO顾问】
Watch People Code Products Live and Learn Programming - LiveCoding.tv
七牛开发者中心
百度新闻搜索_邮件新闻订阅
iss
SaferVPN 免费的 VPN | 无痕浏览与解锁网站 - Chrome 网上应用店

多图拼贴成马赛克

【教程】千图成像_photoshop吧_百度贴吧
【分享】类似路径文字的一个效果,好像叫标签云_photoshop吧_百度贴吧
相似图片搜索的原理 - 阮一峰的网络日志
牛!Mathematica还能这样用!自己制作马赛克拼图 | Matrix67: The Aha Moments
Tagxedo - Word Cloud with Styles
Welcome | FMEdda | Foto-Mosaik-Edda
(1 封私信 / 1 条消息) 由数量众多照片拼贴而成的马赛克图片是怎么做出来的? - 知乎

图片怎么和视频合并 图片放视频前面加片头 放视频后面加片尾 - 狸窝转换器下载网
创建工作经历
Win10修改编辑hosts文件无法保存怎么办_百度经验
重新整理【日本悬疑电影】(90年之后)_悬疑片吧_百度贴吧
知乎| 有哪些好看的高智商悬疑电影?
检索—中国知网
[最新]DIY手工折纸简单玫瑰花折法-母婴-高清视频–爱奇艺
199IT-互联网数据中心的分享 - 微盘

project

Eoulu

EOULU软件项目管理
Bugzilla Main Page
OA/ — VisualSVN Server
个人中心
futureD数据管理与分析系统
ulu-冲锋鸡系统登录页面Eo
futureD数据管理与数据分析
futureD数据管理与数据分析
futureD数据管理与分析系统
futureD数据管理与数据分析
58.210.123.22:8085/futureD/login/login.jsp
futureD数据管理与分析系统

东吴证券

Kibana

Discover: ac过滤规则 - Kibana
Kibana

node服务器

部署Express至服务器 - nzyalj的博客 - CSDN博客
Express搭建服务器-webfem
node.js+express搭建简单的web服务器 | Wangx's blog
Window 通过cmd查看端口占用、相应进程、杀死进程等的命令 - Android应用安全防护和逆向分析-----作者 - CSDN博客
使用Express搭建Node.js服务器 - Smile_ping的博客 - CSDN博客
node.js搭建接口(一):使用express搭建服务器 - 前端啥也不懂 - CSDN博客
nodejs+express服务器搭建和使用教程 - 简书
morgan日志的使用与解读 - web_xiaolei的博客 - CSDN博客
Node.js 模块之 morgan中间件记录日志 - JokerJason - 博客园

¥项目与协作

控制面板 - 信息技术总部 Git
YApi-高效、易用、功能强大的可视化接口管理平台
浏览项目 - JIRA
GZGLPT board - 敏捷看板 - JIRA
Browse 罗奕梁 / WorkManagementWeb - Bitbucket
Iconfont-阿里巴巴矢量图标库
易驰统一接入管控平台
统一接入平台 project overview - Bitbucket
东吴证券易驰统一接入管理平台

工作管理平台

信息技术总部工作管理平台
信息技术总部工作管理平台
我的视图 - MantisBT
通用报表平台

js图表调研文档 - Treasure_Gin的博客 - CSDN博客
强大的报表前端展现功能 - reportmis - 博客园
前端报表浏览
outils/index.js at master · proYang/outils
JacksonTian/eventproxy: An implementation of task/event based asynchronous pattern.
kooogle/videos: 日常生活中喜欢的视频,经常会看逻辑思维,暴走大事件,经典电影,统统放进自己的网站 目前的功能包括:用户中心管理,后台视频管理,文件上传管理,视频评论管理 最近重构
events/events.js at master · DDFE/events
[WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应 - plums - 博客园
antd 的table td 超出部分隐藏并显示省略号 - 云也JUN - 博客园
ECharts Documentation
ECharts Demo
Search · EventUtil
组件 | Element
Lodash 中文文档 | Lodash 中文网

东软思芮

上海思芮信息科技有限公司
网易企业邮箱 - 登录入口

中移

外网

中国移动苏州研发中心SSL VPN接入系统

内网

中移(苏州)软件技术有限公司统一门户
中国移动通信集团人力资源管理平台
iHR人力资源管理信息系统
登录 [Jenkins]
Dashboard [Jenkins]
System Dashboard - 中移软件任务跟踪系统-JIRA
面板 - 中移软件知识管理系统-Confluence
页面 - 云网络安全组 - 中移软件知识管理系统-Confluence
周报-2020.02 - 云网络安全组 - 中移软件知识管理系统-Confluence
10.160.22.102
gerrit.cmss.com
My Reviews | gerrit.cmss Code Review
中国移动网上大学

南基测试域

https://console-beijing-1.cmecloud.cn:8443/api/page/safebox/op-security-static/vbscan

北基测试域

云安全控制台

无锡测试域

移动云
云安全控制台
云安全控制台

东莞测试域

console-dongguan-1.cmecloud.cn

oldj/SwitchHosts: Switch hosts quickly!
前端常用网站 - 简书
10.10.10.2/portal/login?t=1576544101.661675&
卸载360天擎后,不能上网 - 奔跑吧人生 - 博客园
中国移动商旅100官网:机票预订,酒店预订,旅游度假,差旅管理
nos
CSMP - Revision 444: /安全文档/doc/移动云9期资源池公共组件申请文档
移动云
移动云
云安全控制台

Google香港
百度一下,你就知道
Pocket: 我的列表
有道云笔记
jdlibianjian -有字库
ng-inspector首页、文档和下载 - AngularJS 的浏览器插件 - 开源中国社区
玩转在线文档—场景示范 - 腾讯文档
Catalina 程序员开发工具首页
新三国杀_十年全新版本!
Tenda WiFi
贴吧游戏-三国杀Online-贴吧专区
网址大全
收藏到有道云笔记
Vedio
Momentum - Chrome 网上应用店
Initial page - YingHua1314
Iconfont-阿里巴巴矢量图标库
www.uyi2.com/race?id=140
苏州工业园区社会保险基金和公积金管理中心
个人会员编号查询
网上业务登录
将数据库结构修改提交到生产环境下数据库 - LEON的博客 - CSDN博客
随笔列表第54页 - 梦想天空(山边小溪) - 博客园
表驱动法 - 掘金
html事件汇总-CSDN下载
信息技术总部工作管理平台
React实战技术博客系统_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
三国杀 百度一区(贴吧专区)
让 Chrome 崩溃的一行 CSS 代码_CSS教程_CSS_网页制作_脚本之家
(23) 江泽民怒斥香港记者[1080p高清完整版] - YouTube

爱康国宾体检预约_爱康国宾体检报告查询 - 爱康国宾健康管理机构
Bangumi 番组计划
IP地址查询--手机号码查询归属地 | 邮政编码查询 | 长途电话区号 | 身份证号码验证在线查询网
「007」css进阶之彻底理解视觉格式化模型
前端速报
程序IT圈
IT平头哥联盟
https://object.is
网站优化实战 - Jartto's blog
yanxi-me/weixin-js-sdk: 微信官方 js-sdk CommonJS 版本
h5页面在不同ios设备上的问题总结 - 掘金
如何使用函数来优化性能 - 掘金
基于Taro框架的微信小程序JWT授权登录方案 - 掘金
JavaScript 原型和原型链及 canvas 验证码实践 - 掘金
[译]坐标系和坐标轴 - 掘金
[译] 网速敏感的视频延迟加载方案 - 掘金
Tasks, microtasks, queues and schedules - 前端 - 掘金
基于JS简单甘特图 - 掘金
h5页面在不同ios设备上的问题总结
常见的web开发问题以及避免方式
【译】JS运行时环境 - 掘金
JS引擎线程的执行过程的三个阶段 - 掘金
阅读分析snabbdom源码 · Issue #9 · Limuyang1013/weblogs
记录小程序touchmove事件中setData优化过程 - 掘金
🦋 前端开发行为指导规范 - 掘金
GraphQL学习过程应该是这样的 - 掘金
[译] 为函数自定义属性的八种实现方法 - 掘金
JS中的栈内存、堆内存 - 掘金
编写高性能的JavaScript - 掘金
从零开始学习时空数据可视化(序) - 掘金
Chrome 中 JavaScript 加载优先级 - 前端 - 掘金
前端笔试之手写代码(一) - 掘金
Node.js环境性能监控 - 掘金
GitHub + Hexo搭建自己博客(二) Next主题配置 - 掘金
「译」为 JavaScript 开发者准备的 Flutter 指南 - 前端 - 掘金
前端之路: 用github的webhooks实现项目自动化构建 - 掘金
探索JS引擎工作原理 - 前端 - 掘金
React通过redux缓存列表数据以及滑动位置,回退时恢复页面状态 - 掘金
实现一个简单的 JavaScript 编译器 - 掘金
认识 Service Worker - 掘金
chenyueban/ohbug: js monitor
X 为啥不是 hook? - 掘金
轻量级滑块Swiper插件发布(仅3kb) - 掘金
奇舞学院
normal module replacement plugin
ServiceWorker 缓存离线化 - 掘金
欣仔互动
[译] 已经 2019 年了,我依然赤手空拳制作网站 - 掘金
前端资源加载重试 - 前端 - 掘金
如何利用lerna管理模块 - 掘金
前端人脸识别--两张脸相似度 - 掘金
vue+node全栈移动商城【11】连接mongodb并存入数据 - 掘金
从规范看ECMAScript(二):数据类型 - 掘金
手把手教你实现一个canvas智绘画板 - 掘金
从“冰柜”到“冰棍儿”,下载Github单个文件 - 掘金
我是如何让公司后台管理系统焕然一新的(上) -性能优化 - 掘金
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
service worker轻度探索 - 解决运营活动需求中的图片加载问题? - 掘金
前端技术周刊 2019-02-26:前端代码保护 - 掘金
逐行分析Koa中间件机制 - 掘金
帧动画的多种实现方式与性能对比 - 掘金
教你从头写游戏服务器框架 - 掘金
基于 Babel 的 npm 包的最小化设置 - 掘金
如何借助SVG+CSS用2个小时撸完一个网易云音乐的动效海报 - 掘金
[译]颜色比例尺 - 掘金
数组去重的六种方法 - 掘金
从 0 到 1 写一个简单依赖注入系统(1) - 掘金
该用什么姿势来使用 PWA - 掘金
7 个开放式的 CSS 面试题 - 掘金
项目迁移的思考 - 掘金
前端开发之中间件模式 - 掘金
【译】Object与Map的异同及使用场景 - 掘金
为你的 JavaScript 项目添加智能提示和类型检查 - 掘金
[译] 避免那些可恶的 "cannot read property of undefined" 错误 - 掘金
【Node】详解模块的实现过程 - 掘金
[英] Scheduling in React - 前端 - 掘金
[英] 纯基于 CSS 实现不同 scroll 滑动位置的样式改动 - 前端 - 掘金
🔮彻底弄清 this call apply bind 以及原生实现 - 掘金
分享一个冷门知识——文本框的选择文本在业务中的应用 - 掘金
简单盘点浏览器的几种滚动行为 - 前端 - 掘金
JavaScript常用的简洁高级技巧 - 掘金
层叠等级和层叠上下文 - 掘金
即刻起,加速您的前端构建速度 - 前端 - 掘金
aliyun-node
前端同构渲染的思考与实践 - 掘金
2018年了,大家都是怎么从零开始新建一个前端项目的? - 知乎
我在淘宝做前端的这三年 — 第二年 - 掘金
我在淘宝做前端的这三年 — 第一年 - 掘金
yujiangshui/A-Programmers-Guide-to-English: 专为程序员编写的英语学习指南 v1.2。在线版本请点 ->
谈谈面试与面试题 · Issue #4 · wintercn/blog
记一次字符串分割的工作 - 掘金
关于 promise 吃到错误的理解 - 另一个小菜头 - 博客园
(译)保持你的代码整洁 - 掘金
用 async/await 来处理异步 - SamWeb - 博客园
[ ES6 ] 快速掌握常用 ES6 (一) - 掘金
精读《Serverless 给前端带来了什么》 - 掘金
[ ES6 ] 快速掌握常用 ES6 (二) - 掘金
面试失败贴之《如何动手创建一个简单的MVVM框架》 - 掘金
Promise初步详解(resolve,reject,catch) - selfimpr626 - CSDN博客
【译】JS的执行上下文和环境栈是什么? - 掘金
前端开发者必备的Nginx知识 - 掘金
【vue 删除 对象属性】 - CSDN
vue 数组中嵌套的对象添加新属性--页面更新 - 简书
【vue2 给对象添加属性】 - CSDN
JS进击之路:作用域 - 掘金
Vue.delete()删除对象的属性 - xiasohuai的博客 - CSDN博客
函数声明与变量声明的提升机制优先级问题 - 掘金
(for..in)、Object.keys() 和 Object.getOwnPropertyNames(),for...o - 前端 - 掘金
前端代码质量优化交流 - 掘金
vue 钩子函数 使用async await - 孟繁贵 - 博客园
在Vue中使用async函数 - 比利Billy - CSDN博客
MySQL 数据库设计总结 - 掘金
CSS 将支持三角函数 - 前端 - 掘金
面试之CSS篇 - 实现三栏布局的延伸 - 掘金
【算法】二分查找和大O表示法 - 掘金
vue async/await同步 案例 - 春风十里的情 - 博客园
vue.js - vue-cli构建的项目中如何使用async await - SegmentFault 思否
vue中用async/await 来处理异步 - 简书
让你的网页更丝滑(一) - 掘金
vue中异步函数async和await的用法_玉小希_新浪博客
5分钟彻底理解Object.keys - 掘金
从JS的运行机制的角度谈谈作用域 - 掘金
5分钟彻底理解Object.keys - 前端 - 掘金
for in,Object.keys,for of 的区别 - 掘金
(for..in)、Object.keys()和Object.getOwnPropertyNames(),for...of - 掘金
for in,Object.keys(),for of,hasOwnProperty()怎么用? - 掘金
【前端词典】F5 同 Ctrl+F5 的区别你可了解 - 掘金
2分钟轻松搞定Object.keys(),for...in,getOwnPropertyNames()的区别 - 掘金
神奇的 Object.defineProperty - 掘金
解析神奇的 Object.defineProperty - 阅读 - 掘金
ES6 系列之 defineProperty 与 proxy - 掘金
350 个特性看透 ES6 - 前端 - 掘金
如何给localStorage设置一个过期时间? - 掘金
[译]JavaScript Symbols, Iterators, Generators, Async/Await, and Async Iterators  - 掘金
前端权限管理之 addRoutes 动态加载路由踩坑 - 掘金
ES 5 新增特性汇总 - 掘金
Object()的方法一览 - 掘金
开发一个React + Electron应用 - 掘金
js 中对 Object 对象的一些常用操作总结 - haorooms - 前端 - 掘金
理解 JavaScript 的 Object.defineProperty() 函数 - 前端 - 掘金
写chrome插件前必须要知道的 - 掘金
ES6 中的 Symbol、Set 和 Map - 前端 - 掘金
React PureComponent 使用指南 - 前端 - 掘金
IT平头哥联盟
Use Any Javascript Library With Vue.js - Vue.js Developers
Meta Robots Tag & Robots.txt Tutorial for Google, Bing & Other Search Engines
vue引入第三方非模块化插件 · Issue #4 · CodeDreamfy/CodeDemo
Object.defineProperty() - JavaScript | MDN
SnapKit/Masonry: Harness the power of AutoLayout NSLayoutConstraints with a simplified, chainable and expressive syntax. Supports iOS and OSX Auto Layout
ApacheCN 学习资源汇总 2019.3 - 掘金
我所知道的面试手册 - 掘金
lodash/lodash at 4.17.11-es
lodash/fp at 4.17.11-npm · lodash/lodash
每日 30 秒之 巧用可视区域 - 掘金
理解 JavaScript Mutation 突变和 PureFunction 纯函数 - 掘金
smartprocure/futil-js: F(unctional) util(ities). Resistance is futile.
浅谈 Web 安全 - 掘金
🍭 图解原型和原型链 - 掘金
wix/eslint-plugin-lodash: ESLint rules for lodash
[译]2019版 web 浏览器现状 - 掘金
jfmengels/eslint-plugin-lodash-fp: ESLint rules for lodash/fp
【Tomcat】Tomcat工作原理及简单模拟实现 - 掘金
Lodash Archive
几道和散列(哈希)表有关的面试题 - 掘金
Javascript注释规范 - lianlin21212411的博客 - CSDN博客
JavaScript代码注释范例 - yuxiaolong021的博客 - CSDN博客
深入理解JavaScript作用域和作用域链 - 掘金
YUIDoc Syntax Reference
第二章 Closure javascript注解 - 章志强的专栏 - CSDN博客
Vue 模板 | 大漠老师 w3cplus - 前端 - 掘金
yuche/javascript: Airbnb JavaScript 编码规范
[AST实战]从零开始写一个wepy转VUE的工具 - 掘金
js/javascript代码注释规范与示例 - chunlynn的小屋 | 头条号:有范管理美学 - CSDN博客
Js注释 - S&L·chuck - 博客园
为什么用「void 0」代替「undefined」 - 掘金
YUIDoc Syntax Reference
yui/yuidoc: YUI Javascript Documentation Tool
优化动画卡顿:卡顿原因分析及优化方案 - 掘金
JSDoc Guide
iamjoel/be-grace-front-end-developer: 让WEB前端的变优雅的东东,如:代码规范,代码组织,最佳实践之类
vue生命周期详解 - 掘金
javascript - "export default from" doesn't work with Babel React - Stack Overflow
Module 的语法 - ECMAScript 6入门
javascript - Re-export default in ES 6 modules - Stack Overflow
回到基础:如何用原生 DOM API 生成表格 - 掘金
Production Deployment — Vue.js
CSS 怎样写一个动画(从基础动画到3d动画) - 掘金
GraphQL 从入门到实践 - 掘金
防抖和节流的应用场景和实现 | 码农网
window.history - MDN
2019 面试准备 - JS 防抖与节流 - 掘金
十六进制颜色代码表,图表及调色板 - Encycolorpedia
webRTC——浏览器里的音视频通话 - 掘金
Webpack系列-第三篇流程杂记 - 掘金
学习 PixiJS — 小精灵冒险 - 掘金
keywords:babel-plugin - npm search
VUE的component和components - 简书
解惑,什么是data-attribute ? - 掘金
你真的了解webview么? - 前端 - 掘金
Web Worker融会贯通 - 前端 - 掘金
ConyEdit Home
jquery 监听div大小变化函数|div resize事件 - mengzhengjie的专栏 - CSDN博客
如何使用 docker 高效部署前端应用 - 山月的个人博客
基于jquery fly插件实现加入购物车抛物线动画效果,jquery.fly.js - 小小强学习网 - 博客园
wendux/style-selector-jQuery-plugin: Custom jQuery selector, through which we can choose the specified CSS style characteristics of the DOM elements.
Commit message 的格式说明 - 尝试归零的感受 - CSDN博客
DCloud - MUI 快应用
docs(options.md): Change default value of `esModule` by imcvampire · Pull Request #905 · vuejs/vue-loader
一次弄懂Event Loop(彻底解决此类面试问题)
彻底搞清楚javascript中的require、import和export - 最骚的就是你 - 博客园
huangguangjie/calendar-api: 一个万年历的API工具类,快速集成日历UI的构建方案。
SunnyJS/Sunny-fx.js at master · sunnyzhouy/SunnyJS
SunnyJS/Sunny-deferScript.js at master · sunnyzhouy/SunnyJS
SunnyJS/Sunny.js at master · sunnyzhouy/SunnyJS
extend/extend.js at master · kunhuapeng/extend
devin87/Q.js: js工具库,包括 通用方法、原生对象扩展、队列、JSON、Cookie、Storage、Ajax、JSONP、事件处理、DOM处理等
web-pal/react-trello-board: Trello like board based on React, Redux, React-dnd
javascript - Can't require() default export value in Babel 6.x - Stack Overflow
dntzhang/qone: Next-generation web query language, extend .NET LINQ for javascript.
vue.js - vue组件注册为什么有时候要在require后面加上default? - SegmentFault 思否
require('./expample.js).default详解 - 简书
LESS从入门到精通 - 掘金
input中 type=number 的文本框(数字框) 去掉箭头 且不能输入e和标点符号 - nnn_net的博客 - CSDN博客
为何你始终理解不了JavaScript作用域链? - 掘金
输入框input类型为number时,去掉上下箭头方式 - flyingfishzxf的专栏 - CSDN博客
js中如何跳出forEach循环? - 头名字W的博客 - CSDN博客
一个很low的问题,forEach怎么跳出循环? - 云+社区 - 腾讯云
手把手教你实现一个引导动画 - 掘金
sorrycc
Electron系列文章-主进程与渲染进程 - 掘金
用Class写一个记住用户离开位置的js插件 - 掘金
加快你的网站响应速度-Vue懒加载 - 掘金
前端构建秘籍 - 掘金
数据结构的故事之二叉树, 前缀树, N叉树 - 掘金
【愣锤笔记】一篇小短文让你彻底搞懂this、call、apply和bind - 掘金
[译]Rendering React components to the document body - 掘金
在cc里用class和function实现counter - 掘金
如何使用前端技术开发一个桌面跨端应用 - 掘金
Mysql基础 --- 索引+事务 - 掘金
RxJS的学习之路三(创建一个Observable) - 掘金
前端如何搭建一个的简单脚手架 - 掘金
实现SSR服务端渲染 - 掘金
网络学习笔记(二):TCP可靠传输原理 - 掘金
SVG:理解stroke-dasharray和stroke-dashoffset属性 - 掘金
Angular动态创建组件之Portals - 掘金
基于 React.js 和 Node.js 的 SSR 实现方案 - 掘金
【译】懒加载组件 - 掘金
如何在 React Native + React Navigation 的项目中优雅地处理 Android 回退按钮事件 - 前端 - 掘金
[译] Vue.js 优雅地集成第三方 JavaScript - 掘金
PNG图片压缩原理解析--屌丝的眼泪 - 掘金
精读《Function VS Class 组件》 - 掘金
深入理解JavaScript执行上下文和执行栈 - 掘金
Electron-vue开发实战6——开发插件系统之GUI部分 - 掘金
由项目需求中引出的思考,Promise链式调用如何防抖 - 掘金
JavaScript中的“黑话” - 掘金
JavaScript数组的使用小结(详细还是去看MDN) - 掘金
Omi 6.0 - Store 的设计哲学 - 掘金
yiminghe/tyarn: yarn using npm.taobao.org as registry
从迭代器模式到迭代协议 - 掘金
容易被遗忘的前端基础:JavaScript 内存详解 - 掘金
给媳妇做一个记录心情的小程序 - 掘金
玩了一个人脸识别登录 - 掘金
前端JS代码的性能探究 - 掘金
前端linux基础,这一篇就够了 - 掘金
这样使用 GPU 渲染 CSS 动画 - 前端 - 掘金
前端er,Jenkins持续化集成环境搭建 - 掘金
Vuex源码学习(四)module与moduleCollection - 掘金
【译】函数组件和类组件有什么不同? - 掘金
一个Vue图片上传剪裁压缩组件 - 掘金
实现高度“听话”的多行文本输入框 - 掘金
全面分析前端的网络请求方式 - 掘金
前端与数据归一化 - 前端 - 掘金
【译】Web Components简介 - 掘金
你不需要 jQuery,但你需要一个 DOM 库 - 掘金
【Vue 实践】页面生成 pdf 文件-01 - 掘金
【译】Web 性能优化:21种优化CSS和加快网站速度的方法 - 掘金
Permission API 统一查询权限状态 - 掘金
React 高阶组件 - 掘金
JavaScript算法之递归 - 掘金
[译] JavaScript 中为什么会有 Symbol 类型? - 掘金
运动模糊滤镜 – newbieweb
精灵图在 Lottie Web 动画中的应用 – newbieweb
💳 你可能还不知道的 Web 支付流程标准化 - 掘金
DIY一个前端监控平台(上) - 掘金
Webpack 模块打包机制浅析 - 掘金
webpack学习(四) -- css tree shaking - 掘金
Nodejs教程27:Node.js项目之二:实现路由 - 掘金
配置化页面渲染系统设计和实践 - 前端 - 掘金
基于 vue-cli3 打造属于自己的 UI 库 - 掘金
[译] 浏览器帧原理剖析 - 掘金
用 Travis CI 打造大前端持续集成和自动化部署 - 掘金
提高网站加载速度的一些小技巧 - 掘金
[译] 监测与调试 Vue.js 的响应式系统:计算属性树(Computed Tree) - 掘金
原生js 实现输入框emoji表情发布 - 掘金
基于React.Suspense和React.lazy的前端性能优化 - 前端 - 掘金
Render Props and Hooks - 掘金
lpreterite/datagent: Datagent is a modular tool for front-end Ajax requests, providing field definitions, method extensions, switching sources and more
React 之 Refs 详解 - 掘金
Tapable v1.1文档翻译+简单解释 - 掘金
从 SPA 到 PWA - 前端 - 掘金
浅尝Vue.js组件(二) - 掘金
JS 分步实现柯里化函数 - 掘金
[译] JavaScript 异步演进史,从 Callbacks, Promises 到 Async/Await - 掘金
【译】Web 性能优化:理解及使用 JavaScript 缓存 - 掘金
给你的 VuePress 添加 Gitalk 评论插件吧 - 掘金
原生JS如何实现包含各种类型数据的深克隆 - 掘金
性能优化篇 - Performance(工具 & api) - 掘金
设计系统中的排版方法 - 前端 - 掘金
【译】我是如何学习任意前端框架的 - 掘金
一篇文章读懂浏览器渲染机制 - 掘金
常见的浏览器端数据存储方案 - 掘金
React 组件模式学习总结 - 掘金
编写有弹性的组件 - 前端 - 掘金
[译]使用 JavaScript 对象 Rest 和 Spread 的7个技巧 - 掘金
【重学Vue】数据响应原理真的是双向绑定吗? - 掘金
在 WebStorm 中,配置能够识别 Vue CLI 3 创建的项目的别名 alias @ - 掘金
对于观察者模式和发布者-订阅者模式的一些理解 - 掘金
从setTimeout理解JS运行机制 - 掘金
鱼塘翻了,记Node中通过redis缓存session信息遇到的坑 - 掘金
jQuery知识总结之DOM操作 - 掘金
你不知道的 requestIdleCallback - 掘金
关于 SSR 内容一致性的问题 - 掘金
Vue构建工具的设计与实现 - 前端 - 掘金
[译]Web 性能优化: 图片优化让网站大小减少 62% - 掘金
webpack-contrib/terser-webpack-plugin: Terser Plugin
terser-js/terser: JavaScript parser, mangler, optimizer and beautifier toolkit for ES6+
semlinker/reactjs-interview-questions: List of top 301 ReactJS Interview Questions & Answers
微信,支付宝小程序实现原理概述 - 掘金
【译】JavaScript的内存管理和 4 种处理内存泄漏的方法 - 掘金
一个Vue引发的性能问题 - 掘金
我所知道的 Web 性能优化策略 - 掘金
html5录音功能实战 - 掘金
【Hello CSS】第三章-浏览器的视图与坐标 - 掘金
javascript-apis/README.md at master · YanceyOfficial/javascript-apis
fe/2017-12-07-await-vs-return-vs-return-await.md at master · dev-reading/fe
ReactJS Datepicker crafted by HackerOne
必须要会的 50 个 React 面试题 - 掘金
🍉 PWA 系列(一)——Cache API - 掘金
!DOCTYPE —— HTML文档模式 - 掘金
爬虫利器 Puppeteer 实战 - 淡就加点盐 - 简书
关于Web安全常见的攻防姿势 - 掘金
利用Dectorator分模块存储Vuex状态(下) - 掘金
说说浏览器的恶意网址拦截机制 - 掘金
前端中的同源策略与三种跨域资源共享方法 - 掘金
关于 mailto 语法的一切 - 前端 - 掘金
前端规范化 Lint tools 推荐 - 前端 - 掘金
自动部署模块所需环境依赖--bat批处理 - 掘金
如何开发一款 60fps 的“无缝滚动”插件 - 掘金
几种浏览器播放RTSP视频流的方案 | 灼热光芒
能让你开发效率翻倍的 VSCode 插件配置(上) - 掘金
fxbois/web-mode: web template editing mode for emacs
Canvas绘制一个类似老版支付宝信用分仪表盘效果 - 掘金
JavaScript 算法 - 掘金
如何正确理解栈和堆? - 掘金
TCP - 掘金
JS异步编程之Promise详解和使用总结 - 掘金
关于遍历,看这篇文章就足够了【find()、findIndex()、forEach()、splice()、slice()详解】 - 掘金
Node.js中的事件循环,Timers和process.nextTick() 的探索之路 - 掘金
CSS 绘制各种形状 - 掘金
【翻译】Vue.js 的注意事项与技巧 - 掘金
React 组件自动化测试与持续集成指北(1) - 前端 - 掘金
TypeScript 简明教程:接口、函数与类 - 掘金
[译] 使用 CSS 网格布局实现响应式图片 - 掘金
Vue项目history模式下微信分享总结 - 掘金
H5支持度检测常用模式(仅干货) - 掘金
Vue递归组件+Vuex开发树形组件Tree--递归组件 - 掘金
金三银四,那浏览器兼容你知多少? - 掘金
详解 new/bind/apply/call 的模拟实现 - 掘金
Nodejs核心模块之net和http - 掘金
史上最清晰易懂的babel配置解析 - 掘金
如何实现基于Electron的截图识字App(一) - 掘金
AT-UIの入手某东的UI框架 - 掘金
node实战前端缓存总结 - 掘金
JS进击之路:闭包 - 掘金
从零搭建自己的Vue管理端框架(四) - 掘金
小球运动-常规 - 掘金
嫌图标插件太大?canvas自制罗盘仪 - 掘金
js导入导出总结与实践 - 掘金
【前端词典】从输入 URL 到展现涉及哪些缓存环节(非常详细) - 掘金
React 组件自动化测试与持续集成指北(2) - 前端 - 掘金
二叉搜索树的前驱和后继 - 掘金
精读《编写有弹性的组件》 - 掘金
「前端那些事儿」④ 性能监控 - 掘金
腾讯 Omi 团队发布 mp-jsx - 原生小程序支持 JSX - 掘金
重学 JS 系列:聊聊继承 - 掘金
[译] 前端面试:谈谈 JS 垃圾回收机制 - 掘金
JavaScript遍历方法总结与对比 - 掘金
🔗 抓包分析 TCP 建立和断开连接的流程 - 掘金
一步步搭建 VuePress 及优化【插件系列】 - 掘金
Vue 服务端渲染 & 预渲染 - 掘金
理解前端打包工具原理,不在话下 - 掘金
[译] JavaScript如何工作:垃圾回收机制 + 常见的4种内存泄漏 - 掘金
【译】使用CSS Transitions实现圆形悬停效果 - 掘金
深入 CommonJs 与 ES6 Module - 掘金
Angular 基础整理 - 掘金
你还没有听过React不完全手册?😱😱 - 掘金
WebWorker究极探索 - 掘金
面向对象(理解对象)——JavaScript基础总结(一) - 掘金
前端er了解GraphQL,看这篇就够了 - 掘金
多个跨云服务器之间满带宽测速的一种实现方案 - 掘金
常见的Web安全及其攻防姿势 - 掘金
GridManager配置与使用 - 掘金
CSS 搞事技巧:checkbox+label+selector - 掘金
前端面试中常考的源码实现 - 掘金
掘金 AMA:腾讯 Omi 框架作者--dntzhang 聊前端开发、谈学习路径和技术进阶 - 掘金
Difference between CR LF, LF and CR line break types? - Stack Overflow

CSS

如何借助SVG+CSS用2个小时撸完一个网易云音乐的动效海报 - 掘金
[译]颜色比例尺 - 掘金
7 个开放式的 CSS 面试题 - 掘金
[英] 纯基于 CSS 实现不同 scroll 滑动位置的样式改动 - 前端 - 掘金
层叠等级和层叠上下文 - 掘金
CSS 将支持三角函数 - 前端 - 掘金
面试之CSS篇 - 实现三栏布局的延伸 - 掘金
CSS 怎样写一个动画(从基础动画到3d动画) - 掘金
十六进制颜色代码表,图表及调色板 - Encycolorpedia
input中 type=number 的文本框(数字框) 去掉箭头 且不能输入e和标点符号 - nnn_net的博客 - CSDN博客
输入框input类型为number时,去掉上下箭头方式 - flyingfishzxf的专栏 - CSDN博客
一起搞懂 CSS 水平居中与垂直居中的16个方法 - 掘金
SVG:理解stroke-dasharray和stroke-dashoffset属性 - 掘金
PNG图片压缩原理解析--屌丝的眼泪 - 掘金
你不需要 jQuery,但你需要一个 DOM 库 - 掘金
jQuery知识总结之DOM操作 - 掘金
html5录音功能实战 - 掘金
【Hello CSS】第三章-浏览器的视图与坐标 - 掘金
!DOCTYPE —— HTML文档模式 - 掘金
👨‍🏫图片压缩Canvas - 掘金
CSS 绘制各种形状 - 掘金
【译】使用CSS Transitions实现圆形悬停效果 - 掘金
前端学习笔记:使用canvas绘制有圆角的百分比进度条 - 掘金
记一次bem命名规范使用优化方案 - 掘金
input [type=number] 各主流浏览器上隐藏/去掉右侧箭头、x号、小眼睛 及 maxlength设置 - freedomVenly的博客 - CSDN博客
Canvas 都坐下,基本操作 - 掘金
JavaScript基础 —— DOM:遍历 与 范围 - 掘金
Canvas绘制一个类似老版支付宝信用分仪表盘效果 - 掘金
手把手教你实现一个canvas智绘画板 - 掘金
CSS 搞事技巧:hover+active - 掘金
一步步教你用 CSS 为 SVG 添加过滤器 - 掘金
PostCSS 常用插件与语法介绍 - 掘金
回到基础:理解 JavaScript DOM - 掘金
重温 Flex 布局 - 掘金
你可能不知道的 CSS3 Animation - 掘金

996.icu到955.holiday--使用Github托管静态网站 - 掘金
编写易维护跨端组件的正确姿势 - 掘金
jeasonstudio/git-hook-996: Git pre-commit hook for 996.
基于webpack4.x项目实战2 - 配置一次,多个项目运行 - 掘金
cevio/koa-rapid-router: fastest router for koa
无代码编程 - 掘金
前端模块化的前世今生 - 掘金
深入了解浏览器存储--从cookie到WebStorage、IndexedDB - 掘金
浅析jQuery原理并仿写封装一个自己的库 - 掘金
流动的SVG线条 - 掘金
QA 自动化测试 - 掘金
editor.js - 一个全新的 block 风格的开源编辑器 | 清晰的 JSON 数据描述 - 前端 - 掘金
干掉一切warning?! - 掘金
庖丁解牛之浏览器事件环 - 掘金
原来 Element 的组件源码还能这么看 - 掘金
Git submodule使用指南(一) - 掘金
前端性能监控 - 掘金
跨域的那点事 - 掘金
深入 JavaScript 常用的8种继承方案 - 掘金
websocket 二进制数据传输基础准备工作 - 掘金
知乎视频播放器 Griffith 开源了~ - 掘金
前端战五渣学JavaScript——深克隆(深拷贝) - 掘金
跨域多方位解决方案 - 掘金
浏览器多线程和js单线程 - 掘金
JavaScript 执行机制-浏览器事件循环 - 掘金
【译】Vue 的小奇技(第十二篇):组件创建时立即调用观察者回调 - 掘金
【浏览器】渲染原理探究 - 掘金
前端知识点 - 掘金
前后端分离那些事 - 掘金
MyBeany/myExcel
MyBeany/myDrag
mr_beany/myDrag: 使用jquery 通过拖拽实现绘画矩形,圆形,横竖线,文本框等内容,可用作绘制电子报表
scutan90/DeepLearning-500-questions: 深度学习500问,以问答形式对常用的概率知识、线性代数、机器学习、深度学习、计算机视觉等热点问题进行阐述,以帮助自己及有需要的读者。 全书分为18个章节
git创建远程仓库并上传代码到远程仓库中 - liuweixiao520的博客 - CSDN博客
Package - umi-plugin-locale-xxg
Sass map详解 - whqet - 博客园
HTTP Content-type 对照表
POI动态导出Excel,后台返回文件流,前端responseType格式下载 - krycai - CSDN博客
接口返回二进制文件流,前端通过blob对象实现下载 - aydongzhiping的博客 - CSDN博客
EXCEL文件的后缀名是什么
Vue CLI 3结合Lerna进行UI框架设计 - 掘金
Vue中后台鉴权的另一种思路 - 动态路由的实现与优化 - 掘金
前端想要了解的Nginx - 掘金
高性能图片压缩 —— libjpeg-turbo 的编译与集成 - 掘金
javascript模块化简介 - 掘金
第三代移动端布局方案 - 掘金
如何理解vue的key属性 - 掘金
svg图标的webpack优化 - 掘金
聊聊关于性能优化和其他(一) - 掘金
uni-app使用小程序自定义组件 - 掘金
MongoDB数据库的基本操作梳理 - 掘金
【Hello CSS】第五章-CSS的选择器与函数 - 掘金
vue-router 组件复用问题 | kMacro's blog
Vue页面级缓存解决方案feb-alive (上) - 掘金
[译] 你需要知道的 CSS 中所有 hyphenation 的使用 - 掘金
[译] RxJS: 避免因滥用 switchMap 而导致错误 - 掘金
前端网络编程之缓存策略 - 掘金
codercom/code-server: Run VS Code on a remote server.
https://stackoverflow.com/questions/32400254/vue-js-v-attr-expression
Vue Error编译模板 - 使用v-attr时出现意外冒号 - 问答 - 云+社区 - 腾讯云
如何用你的安卓手机“伪造”GPS定位地址
如何修改(伪装)手机GPS定位地址-百度经验